Il miglior tutorial proprietà CSS border-style Nel 2024, in questo tutorial puoi imparare Esempi,Attributo definizioni e le istruzioni,Supporto per il browser,Proprietà Valore,Esempi online,articoli correlati,
Impostare quattro stile del bordo:
proprietà border-style impostato quattro bordi di un elemento di stile. Questa proprietà può avere uno a quattro valori.
esempio:
border-style: doppio solido punteggiato tratteggiata ;
border-style: punteggiato solido doppio;
border-style: punteggiato solido;
border-style: dotted;
predefinito: | non specificato |
---|---|
ereditarietà: | no |
versione: | CSS1 |
sintassi JavaScript: | object object.style.borderStyle = "doppio tratteggiata" |
I dati riportati nella tabella rappresentano il primo browser a supportare il numero di versione della proprietà.
属性 | |||||
---|---|---|---|---|---|
border-style | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
valore | descrizione |
---|---|
nessuno | Senza confini definiti. |
nascosto | E "nessuno" lo stesso. Tuttavia, quando applicato alla tabella, salvo per la tavola, nascosto per risolvere il conflitto di confine. |
tratteggiata | confine dot definito. Reso come una linea continua nella maggior parte dei browser. |
tratteggiata | La definizione di una linea tratteggiata. Reso come una linea continua nella maggior parte dei browser. |
solido | La definizione di una linea continua. |
doppio | La definizione di fili. larghezza doppia uguale al valore di border-width. |
scanalatura | 3D recesso confine definito. L'effetto dipende dal valore border-color. |
cresta | 3D ondulato confine definito. L'effetto dipende dal valore border-color. |
inserire | Definire bordo interno 3D. L'effetto dipende dal valore border-color. |
inizio | Definire confine fin 3D. L'effetto dipende dal valore border-color. |
ereditare | Le disposizioni devono ereditare lo stile del bordo dall'elemento genitore. |
Impostare diverse confini su ogni lato
Questo esempio mostra come impostare bordi differenti su ciascun lato dell'elemento.
Tutorial CSS: CSS Border