English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'attributo border-right-style CSS imposta lo stile del bordo destro dell'elemento. Tuttavia, in molti casi, comeborder-styleoborder-rightQuesti attributi CSS abbreviati sono più facili e preferibili da utilizzare.
La tabella seguente fornisce una descrizione dell'uso e la cronologia delle versioni di questo attributo, nonché la sua sintassi di utilizzo nel script JavaScript.
| valore predefinito: | nessuno |
|---|---|
| applicabile a: | tutti gli elementi |
| ereditato da: | nessuno |
| animabile: | no.vedi anche attributi animati. |
| versione: | CSS 1, 2, 3 |
| sintassi JavaScript: | oggetto object.style.borderRightStyle="tratteggiato" |
La sintassi di questo attributo è la seguente:
border-right-style: nessuno | nascosto | punteggiato | tratteggiato | solido | doppiopunto | scanalato | sporgente | inserito | eccesso | iniziale | ereditato
L'esempio seguente dimostra come utilizzare l'attributo border-right-style.
p {
border-right-style: tratteggiato;
border-right-width: 3px;
}prova a vedere‹/›La tabella seguente descrive i valori di questa proprietà.
| valore | descrizione |
|---|---|
| nessuno | Nessun bordo viene visualizzato. |
| hidden | Come none, ma la differenza è che le celle della tabella hannoBordo 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, ovvero trattini. |
| solid | Mostra il bordo come una linea continua. |
| double | Mostra il bordo come due linee parallele con una certa distanza tra loro. La somma delle due linee e lo spazio tra loro è uguale aborder-widthvalore. |
| groove | Mostra uno spigolo incastonato nel canvas. Ha un impatto 3D, di solito realizzato con un colore più chiaro del bordo.border-colorCreato con due colori più chiari e più scuri per creare un'ombra. |
| ridge | Mostra uno spigolo che ha l'effetto opposto. Ha anche un impatto 3D, in quanto il bordo sembra venire fuori dallo schermo. |
| inset | Mostra un bordo che fa sembrare l'elemento come se fosse incastonato nel canvas. Ha un impatto 3D, di solito realizzato creando un'ombra con due colori, più scuri del colore del bordo.border-colorSfumato e scuro. |
| outset | Mostra uno spigolo che ha l'effetto opposto. Ha anche un impatto 3D, in quanto il bordo fa sembrare la scatola come se uscisse dallo schermo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-right-style dell'elemento padre. |
Compatibilità del browser per proprietà border-right-style, i numeri nella tabella sottostante 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-right,border-right-color,
border-right-width.