English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
outline-style CSS属性设置元素轮廓的样式。但是，在工作中，我们更偏向于使用outline这个简写属性。
下表为此属性的用法说明和版本历史记录，以及该属性在javascript脚本中的使用语法。
| 默认值： | none |
|---|---|
| 适用于： | 所有元素 |
| 继承： | 没有 |
| 可动画制作： | 否。请参见 动画属性。 |
| 版本： | CSS 2、3 |
| JavaScript语法： | object.style.outlineStyle="dotted" |
属性的语法如下：
outline-style: none | dotted | dashed | solid | double | groove | ridge | inset | outset | initial | inherit
Ecco un esempio di come utilizzare la proprietà outline-style.
p {
outline-style: double;
outline-width: 5px;
}Prova a vedere‹/›La tabella sottostante descrive i valori di questa proprietà.
| Valore | Descrizione |
|---|---|
| none | Non mostra contorno. Questo è il valore predefinito. |
| dotted | Mostra il contorno come una serie di punti. |
| dashed | Mostra il contorno come una serie di segmenti corti, ossia trattini. |
| solid | Mostra il contorno come una linea continua singola. |
| double | Mostra il contorno come due linee parallele continue, con un intervallo tra di loro. La somma delle linee e l'intervallo tra di loro è uguale aoutline-widthvalore. |
| groove | Mostra un contorno inciso nel canvas, creando un impatto 3D, solitamente attraverso la creazione di ombre di due colori, che sono più scuri dioutline-colorcon un colore leggermente più chiaro e più scuro. |
| ridge | Mostra un contorno groove che ha un impatto 3D, il contorno sembra essere uscito dallo schermo. |
| inset | Mostra un contorno che fa sembrare l'elemento come se fosse incastonato nel canvas. Questo crea un impatto 3D, solitamente attraverso la creazione di ombre di due colori, che sono più scuri dioutline-colorcon un colore leggermente più chiaro e più scuro. |
| outset | Mostra un contorno inset che ha un colore leggermente più chiaro e più scuro. Ciò dà anche un impatto 3D, in quanto il contorno fa sembrare la scatola come se fosse uscita dallo schermo. |
| initial | Imposta questa proprietà al suo valore predefinito. |
| inherit | Se specificato, l'elemento correlato utilizza il valore della proprietà outline-style dell'elemento padre. |
Compatibilità del browser per la proprietà outline-style, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta questa proprietà; tutti i browser mainstream supportano questa proprietà.
|
Attenzione: Internet Explorer 7 e versioni precedenti non supportano questa proprietà outline-style. IE8 supporta questa proprietà, ma richiede un<!DOCTYPE>。
Ecco alcuni tutorial relativi a quanto segue:Profilo CSS，Margine CSS。
Proprietà correlate:outline，outline-color，outline-width。