proprietà CSS border-style
Esempi
Impostare quattro stile del bordo:
p
{
border-style:solid;
}
{
border-style:solid;
}
Prova »
In fondo alla pagina per vedere altri esempi.
Attributo definizioni e le istruzioni
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 ;
- I confini sono punteggiate
- bordo destro è una linea continua
- Un bordo doppio fondo
- bordo sinistro è una linea tratteggiata
border-style: punteggiato solido doppio;
- I confini sono punteggiate
- bordo destro e bordo sinistro è una linea continua
- Un bordo doppio fondo
border-style: punteggiato solido;
- bordi superiore e inferiore sono punteggiate
- bordo destro e bordo sinistro è una linea continua
border-style: dotted;
- Tutti e quattro i bordi sono punteggiate
| predefinito: | non specificato |
|---|---|
| ereditarietà: | no |
| versione: | CSS1 |
| sintassi JavaScript: | object object.style.borderStyle = "doppio tratteggiata" |
Supporto per il browser
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 |
Proprietà Valore
| 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. |
Esempi online
Impostare diverse confini su ogni lato
Questo esempio mostra come impostare bordi differenti su ciascun lato dell'elemento.
articoli correlati
Tutorial CSS: CSS Border
