Proprietà CSS border-block-end-style

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

Definizione e uso

border-block-end-style attributi CSS utilizzati per impostare lo stile dei bordi dell'elemento alla fine della direzione del blocco.

CSS border-block-end-style attributi e border-bottom-style、border-left-style、border-right-style e border-top-style Le proprietà sono molto simili, ma border-block-end-style L'attributo dipende dalla direzione del blocco.

Attenzione：relative proprietà CSS writing-mode Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e border-block-end-style Il risultato dell'attributo. Per le pagine in inglese, la direzione in linea è da sinistra a destra, la direzione del blocco è verso il basso.

Esempio

Esempio 1

Imposta lo stile del bordo dello spigolo finale della direzione del blocco：

div {
  border-block-end-style: dotted;
}

Prova tu stesso

Esempio 2: Combinazione dell'attributo writing-mode

La posizione del bordo dello spigolo finale della direzione del blocco è influenzata da writing-mode Impatto dell'attributo：

div {
  border-block-end-style: solid;
  writing-mode: vertical-rl;
  border-block-end-width: 5px;
}

Prova tu stesso

Sintassi CSS

border-block-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Valore dell'attributo

Valore	Descrizione
nessuna	Valore predefinito. Specifica nessun bordo.
hidden	Uguale a "nessuna", ma diverso nel risoluzione dei conflitti dei bordi degli elementi tabella.
dotted	Specificare il bordo a punti.
dashed	Specificare il bordo tratteggiato.
solid	Specificare il bordo solido.
double	Specificare il bordo a tratteggio.
groove	Specificare il bordo incavo 3D. L'effetto dipende dal valore di border-color.
ridge	Specificare il bordo ondulato 3D. L'effetto dipende dal valore di border-color.
inset	Specificare il bordo incassato 3D. L'effetto dipende dal valore di border-color.
outset	Specificare il bordo convesso 3D. L'effetto dipende dal valore di border-color.
initial	Imposta questa proprietà al suo valore predefinito. Vedi initial。
inherit	Inherita da suo padre elemento. Vedi inherit。

Dettagli tecnici

Valore predefinito：	nessuna
Ereditarietà：	No
Creazione dell'animazione：	no. Leggi animabile
Versione：	CSS3
Sintassi JavaScript：	object.style.borderBlockEndStyle="dotted"