CSS border-inline-style

The border-inline-style property in CSS sets the style of the inline border of an element. This property can be applied to any HTML element to add a styled border along the inline (horizontal) axis.

The syntax for using border-inline-style is:


selector {
  border-inline-style: value;
}

Where selector is the element you want to apply the border to, and value can be none, solid, dashed, dotted, double, etc.

Result:

This is an example of a paragraph with a dashed border along the inline axis.

In the example above, we applied the border-inline-style: dashed; property to the paragraph element to create a dashed border along the inline axis.

Here is a table displaying different border styles that can be used with the border-inline-style property:

Value	Description
`none`	No border is displayed.
`solid`	Solid line border.
`dashed`	Dashed line border.
`dotted`	Dotted line border.
`double`	Double line border.