Proprietà CSS border-block-start-style

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

Definizione e uso

Definisce la direzione del blocco. Questo influisce sulla posizione iniziale e finale del blocco e sugli La proprietà CSS viene utilizzata per impostare lo stile del bordo inferiore dell'elemento nella direzione del blocco.

CSS Definisce la direzione del blocco. Questo influisce sulla posizione iniziale e finale del blocco e sugli proprietà e proprietà CSS border-bottom-styleborder-left-styleborder-left-styleborder-left-style、 border-right-style e border-top-style Definisce la direzione del blocco. Questo influisce sulla posizione iniziale e finale del blocco e sugli Molto simile, ma

L'attributo dipende dalla direzione del blocco.Attenzione: La posizione dello stile del bordo iniziale della direzione del blocco è influenzata da altri attributi CSS correlati Definisce la direzione del blocco. Questo influisce sulla posizione iniziale e finale del blocco e sugli border-block-start-style

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

Effetto dell'attributo:
  writing-mode: vertical-rl;

border-block-start-style: dotted;

Impostare lo stile del bordo iniziale della direzione del blocco:

Esempio 2: Combinazione dell'attributo writing-mode La posizione dello stile del bordo iniziale della direzione del blocco è influenzata da writing-mode

Effetto dell'attributo:
  div {
  writing-mode: vertical-rl;

border-block-start-style: dotted;

}

Prova personalmente

Sintassi CSS

border-block-start-style: none\|hidden\|dotted\|dashed\|solid\|double\|groove\|ridge\|inset\|outset\|initial\|inherit;	Valore dell'attributo
none	Valore
Descrizione	Valore predefinito. Specifica la mancanza di bordi.
hidden	Simile a "none", ma diverso nel risolvere i conflitti dei bordi degli elementi tabella.
dashed	Specificare il bordo tratteggiato.
solid	Specificare il bordo solido.
double	Specificare il bordo a tratteggio.
groove	Specificare il bordo scanalato 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 imbottito 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
Creazione dell'animazione:	Non supportato. Vedi:Proprietà correlate con l'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.borderBlockStartStyle="dotted"