Proprietà CSS border-inline-start-style

定义和用法

Definisce la direzione. Questo influisce sulla posizione di inizio e fine di una riga, nonché 属性设置元素在行内方向起始处的边框样式。

CSS 的 Definisce la direzione. Questo influisce sulla posizione di inizio e fine di una riga, nonché 属性与 border-bottom-styleborder-left-styleborder-right-style text-orientation border-top-style 属性非常相似,但 Definisce la direzione. Questo influisce sulla posizione di inizio e fine di una riga, nonché 属性依赖于行内方向。

注意:属性相关的 CSS La posizione del bordo di inizio della direzione in linea è influenzata da text-orientation La posizione del bordo di inizio e fine della direzione in linea è influenzata da e Definisce la direzione. Questo influisce sulla posizione di inizio e fine di una riga, nonché border-inline-start-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

Esempio 1

Impatto dell'attributo:
  direction: rtl;

border-inline-start-style: dotted;

Impostare lo stile del bordo di inizio della direzione in linea:

Esempio 2: Combinazione dell'attributo writing-mode La posizione del bordo di inizio della direzione in linea è influenzata da direction

Impatto dell'attributo:
  writing-mode
  direction: rtl;

border-inline-start-style: dotted;

writing-mode: vertical-rl;

Esempio 3: Combinazione dell'attributo direction La posizione del bordo di inizio e fine della direzione in linea è influenzata da direction

Impatto dell'attributo:
  div {
  direction: rtl;

border-inline-start-style: dotted;

}

Prova te stesso

Sintassi CSS

border-inline-start-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 tra i bordi degli elementi tabella.
dashed Specificare il bordo tratteggiato.
solid Specificare il bordo solido.
double Specificare il bordo a doppio linee.
groove

Specificare il bordo incavo 3D.

L'effetto dipende dal valore di border-color.

rigde

Specificare il bordo sporgente 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 eccesso 3D.

L'effetto dipende dal valore di border-color.

initial Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit Inherita da 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.borderInlineStartStyle="dotted"

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Pagine correlate

Guida:Bordo CSS

Riferimento:Proprietà border CSS

Riferimento:Proprietà border-inline CSS

Riferimento:Proprietà border-inline-end-style CSS

Riferimento:Proprietà CSS border-inline-start-style

Riferimento:Proprietà border-bottom-style CSS

Riferimento:Proprietà CSS border-left-style

Riferimento:Proprietà CSS border-right-style

Riferimento:Proprietà CSS border-top-style

Riferimento:Proprietà direction CSS

Riferimento:Proprietà CSS text-orientation

Riferimento:Proprietà CSS writing-mode