Proprietà CSS border-inline-start-style
- pagina precedente border-inline-start-color
- Pagina successiva border-inline-start-width
定义和用法
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-style
、border-left-style
、border-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;
}
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
- pagina precedente border-inline-start-color
- Pagina successiva border-inline-start-width