Menu Samaritan's Purse

BORDER-INLINE-STYLE

The border-inline-style property is shorthand for border-inline-start-style and border-inline-end-style.

SYNTAX

CSS

border-inline-style: value;

JS

object.style.borderInlineStyle = "value";

VALUES

<'border-inline-style'> = <'border-top-style'>{1,2}
<'border-top-style'> = <line-style>
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
dashed

A dashed line. A series of square-ended dashes.

dotted

A dotted line. A series of round dots.

double

A double line. Two parallel solid lines with some space between them.

groove

A grooved line. Looks as if it were carved in the canvas.

hidden

A hidden line. Same as none, but has different behavior in the border conflict resolution rules for border-collapsed tables.

inset

An inset line. Looks as if the content on the inside of the border is sunken into the canvas.

none

No line.

outset

An outset line. Looks as if the content on the inside of the border is coming out of the canvas.

ridge

A ridged line. Looks as if it were coming out of the canvas.

solid

A single line.

INITIAL

none

EXAMPLES

DASHED

DOTTED

DOUBLE

GROOVE

HIDDEN

INSET

NONE

OUTSET

RIDGE

SOLID

JS

INTERNAL

border-inline

border-inline-color

border-inline-end

border-inline-end-color

border-inline-end-style

border-inline-end-width

border-inline-start

border-inline-start-color

border-inline-start-style

border-inline-start-width

border-inline-width

EXTERNAL

World Wide Web Consortium (W3C)