Learn CSS daily

border-inline-color
.example { border-inline-color: blue; border-inline-style: solid; border-inline-width: 2px; }

The 'border-inline-color' CSS property sets the color of the border on the inline edges of an element. It is useful for styling the borders on the inline sides of elements like inline blocks and inline text.

border-inline
.border-example { border-inline: 2px solid red; }

The 'border-inline' property in CSS allows you to set the style, color, and width of the inline border of an element. This is particularly useful for styling the borders of inline elements.

border-image-width
.border-example { border: 10px solid transparent; border-image-source: url('border-image.png'); border-image-width: 30px; }

The 'border-image-width' property allows you to specify the width of the border image. It determines the size of the border image relative to the border box.

border-image-source
.border-image-example { border: 10px solid; border-image-source: url('border-image.png'); border-image-slice: 30 fill; }

The 'border-image-source' property in CSS allows you to specify an image to be used as the border of an element instead of a solid color. This image is sliced into nine regions, and these regions are used to create the border around the element.

border-image-slice
.border-image { border-image-source: url('border.png'); border-image-slice: 30 fill; border-image-width: 30px; }

The 'border-image-slice' property in CSS allows you to divide an image into nine sections and define how these sections should be sliced to create a border around an element. This property is commonly used with the 'border-image-source' property to create decorative borders with images.