Vansh Sharma Profile picture
Frontend Engineer @ Intangles || books 💛 || Author @Educative

Jul 15, 2021, 10 tweets

15/7/2021
📌📌CSS Border Properties📌📌
In this we will discuss:

#100DaysOfCode
#DEVCommunity

1⃣ border-collapse: The border-collapse property sets whether table borders should collapse into a single border or be separated as in standard HTML.

Values: separate | collapse

2⃣ border-image: The border-image property allows you to specify an image to be used as the border around an element.

Border-image property :
▶️ border-image-source
▶️ border-image-slice
▶️ border-image-width
▶️ border-image-outset
▶️ border-image-repeat

3⃣ border-image-source: The border-image-source property specifies the path to the image to be used as a border (instead of the normal border around an element).

4⃣ border-image-slice: The border-image-slice property specifies how to slice the image specified by border-image-source. The image is always sliced into nine sections: four corners, four edges, and the middle.

Values: number | % |

5⃣ border-width: The border-image-width property specifies the width of the border image.

Values: number | % | auto

6⃣ border-image-outset: The border-image-outset property specifies the amount by which the border image area extends beyond the border box.

Values: length | number |

7⃣ border-image repeat: The border-image-repeat property specifies whether the border image should be repeated, rounded, or stretched.

Values: stretch | repeat | round |

Shorthand
8⃣ border-image: source slice width outset repeat

👍 ♥️
If you liked this thread:

▶️ Please do LIKE/RETWEET
▶️ Follow @Vanshsh2701 for more such threads.

Thanks☺️

#CSS3

Share this Scrolly Tale with your friends.

A Scrolly Tale is a new way to read Twitter threads with a more visually immersive experience.
Discover more beautiful Scrolly Tales like this.

Keep scrolling