Proprietà CSS border-inline-end-style

Pagina precedente border-inline-end-color
Pagina successiva border-inline-end-width

Definizione e uso

e impostazione delle proprietà di bordo dell'elemento alla fine della direzione in linea.

CSS e La proprietà è border-bottom-styleAttenzione:border-left-styleAttenzione:border-right-style , border-top-style Le proprietà sono molto simili, ma e Le proprietà dipendono dalla direzione in linea.

注意：相关的 CSS 属性 Esempio 2: Combinazione dell'attributo writing-modeAttenzione:proprietà correlate , Esempio 3: Combinazione dell'attributo direction proprietà CSS correlate a text-orientation e Definisce la direzione in linea. Questo influisce sulla posizione di inizio e fine di una riga, nonché

border-inline-end-style

Risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione di blocco è verso il basso.

Esempio

direction
  div {
direction: rtl;

border-inline-end-style: dotted;

Esempio 1

Per impostare lo stile del bordo della fine della direzione in linea: Esempio 2: Combinazione dell'attributo writing-mode La posizione dell'inizio e della fine del bordo della direzione in linea è influenzata da

direction
  La posizione della fine del bordo della direzione in linea è influenzata da
  div {
direction: rtl;

border-inline-end-style: dotted;

writing-mode

writing-mode: vertical-rl; Esempio 3: Combinazione dell'attributo direction La posizione dell'inizio e della fine del bordo della direzione in linea è influenzata da

direction
  Impatto dell'attributo:
  div {
direction: rtl;

border-inline-end-style: dotted;

}

Prova tu stesso

Sintassi CSS

border-inline-end-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valore dell'attributo
none	Valore
Descrizione	Valore predefinito. Specifica nessun bordo.
hidden	Simile a none, ma diverso nel risoluzione dei conflitti dei bordi degli elementi tabella.
dashed	Specificare il bordo tratteggiato.
solid	Specificare il bordo continuo.
double	Specificare il bordo a doppia linea.
groove	Specificare il bordo incavo 3D. L'effetto dipende dal valore di border-color.
ridge	Specificare il bordo sollevato 3D. L'effetto dipende dal valore di border-color.
inset	Specificare il bordo rientrante 3D. L'effetto dipende dal valore di border-color.
outset	Specificare il bordo sporgente 3D. L'effetto dipende dal valore di border-color.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial.
inherit	Eredita questa proprietà dal suo elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	none
Ereditarietà:	No
Produzione di animazioni:	Non supportato. Vedi:Proprietà correlate agli animazioni.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderInlineEndStyle="dotted"