English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-bottom-style CSS viene utilizzato per impostare lo stile del bordo inferiore di un elemento, ma nella nostra pratica quotidiana, di solito utilizziamoborder-styleoborder-bottomdefinire lo stile del bordo.
La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sua sintassi di utilizzo nei script JavaScript.
| valore predefinito: | nessuno |
|---|---|
| applied to: | tutti gli elementi |
| ereditato da: | nessuno |
| animabile: | novedere di seguito attributi animati. |
| versione: | CSS 1, 2, 3 |
| sintassi JavaScript: | object object.style.borderBottomStyle="tratteggiato" |
La sintassi di questo attributo è la seguente:
border-bottom-style: nessuno | nascosto | punteggiato | tratteggiato | solido | doppio | scanalato | ondulato | inserito | estruso | iniziale | ereditato
Il seguente esempio dimostra come utilizzare l'attributo border-bottom-style.
p {
border-bottom-style: tratteggiato;
border-bottom-width: 3px;
}prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| valore | descrizione |
|---|---|
nessuno | 显示没有边框。 |
| hidden | Simile a none, ma la cella della tabella haBordo ripiegatoE due celle condividono il bordo. Il valore hidden assicura che il bordo non venga disegnato, poiché hidden ha la priorità su tutti gli altri stili di bordo. |
| dotted | Mostra il bordo come una serie di punti. |
| dashed | Mostra il bordo come una serie di segmenti corti, ossia trattini. |
| solid | Mostra il bordo come una linea continua. |
| double | Mostra il bordo come due linee parallele con uno spazio tra loro. La somma delle due linee e lo spazio tra loro è uguale aborder-widthdel valore. |
| groove | Mostra un bordo incastonato nel canvas. Questo ha un impatto 3D, solitamente realizzato utilizzando un colore più chiaro del bordo.border-colorCreato da due colori più chiari e più scuri per creare l'ombra. |
| ridge | Mostra un bordo groove che ha l'effetto opposto. Anche questo crea un impatto 3D, con il bordo che sembra emergere dallo schermo. |
| inset | Mostra un bordo che sembra essere incastonato nel canvas. Questo ha un impatto 3D, solitamente realizzato creando un'ombra con due colori, più chiari del colore del bordo.border-colorSfumato e più scuro. |
| outset | Mostra un bordo inset che ha l'effetto opposto. Anche questo crea un impatto 3D, con il bordo che sembra emergere dallo schermo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore calcolato della proprietà border-bottom-style del suo elemento padre. |
Compatibilità del browser per proprietà border-bottom-style. I numeri nella tabella rappresentano la versione minima del browser che supporta la proprietà. Tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano value hidden. IE8 supporta, ma richiede un. Internet Explorer 9 e versioni successive supportano il valore hidden.
Vedere la guida:CSS Border,CSS3 Border.
Proprietà correlate:border,border-style,border-bottom,border-bottom-color,
border-bottom-width.