English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-left-style CSS属性用来设置元素左边框的样式。然而，在许多情况下，像border-style或border-left这样的简写CSS属性使用起来更方便，也更可取。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | none |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性. |
| 版本： | CSS 1，2，3 |
| JavaScript 语法： | object.style.borderLeftStyle="dashed" |
该属性的语法如下：
border-left-style: none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit
下面的示例演示了如何使用border-left-style属性。
p {
border-left-style: dashed;
border-left-width: 3px;
}测试看看‹/›La tabella sotto descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| none | Non mostra bordi. |
| hidden | Come none, ma la differenza è che le celle della tabella hannoBordo ripiegatoE le due celle condividono il bordo. Il valore hidden assicura che il bordo non venga disegnato perché 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 una certa distanza tra loro. La somma delle due linee e lo spazio tra loro è uguale aborder-widthdel valore. |
| groove | Mostra un bordo incastonato nel canvas. Da' un impatto 3D, spesso realizzato usando un colore più chiaro del colore del bordo.border-colorCreato da due colori più chiari e più scuri per creare un'ombra. |
| ridge | Mostra un bordo groove che ha l'effetto opposto. Da' anche un impatto 3D, 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, spesso realizzato creando un'ombra con due colori, più scuri del colore del bordo.border-colorSfumato e scuro. |
| outset | Mostra un bordo inset che ha l'effetto opposto. Da' anche un impatto 3D, il bordo fa sembrare la scatola come se uscisse dallo schermo. |
| inherit | Se specificato, l'elemento correlato adotta il valore della proprietà border-left-style dell'elemento padre. |
Compatibilità del browser per la proprietà border-left-style, i numeri nella tabella sotto 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.IE9 e versioni successive supportano il valore hidden.
Vedi la guida:CSS Border,CSS3 Border.
Proprietà correlate:border,border-style,border-left,border-left-color,
border-left-width.