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
Os exemplos a seguir demonstram como usar outline-Atributo style.
p {
outline-style: double;
outline-width: 5px;
}Teste para ver‹/›A tabela a seguir descreve os valores deste atributo.
| Valor | Descrição |
|---|---|
| none | Não exibe contorno. Este é o valor padrão. |
| dotted | Exibe o contorno como uma série de pontos. |
| dashed | Exibe o contorno como uma série de segmentos curtos, ou traços. |
| solid | Exibe o contorno como uma linha sólida única. |
| double | Exibe o contorno como duas linhas paralelas sólidas, com um espaço entre elas. A soma das duas linhas e o espaço entre elas é igual aoutline-widtho valor. |
| groove | Exibe o contorno gravado no canvas. Ele também dá3A impressão do D, geralmente é alcançada criando uma sombra de duas cores, e essas sombras são mais claras e mais escuras do queoutline-colora cor um pouco mais clara e mais escura. |
| ridge | Exibe um contorno groove que é o oposto do efeito. Ele também dá3A impressão do D, o contorno parece que sai do canvas. |
| inset | Exibe o contorno do elemento da caixa como se estivesse embutido no canvas. Ele também dá3A impressão do D, geralmente é alcançada criando uma sombra de duas cores, e essas sombras são mais claras e mais escuras do queoutline-colora cor um pouco mais clara e mais escura. |
| outset | Exibe um contorno inset que é o oposto do efeito. Ele também dá3A impressão do D, o contorno faz a caixa parecer que sai do canvas. |
| initial | Defina este atributo para seu valor padrão. |
| inherit | Se especificado, o elemento relacionado adota o outline do elemento pai-Valor do atributo style |
outline-A compatibilidade do navegador do atributo style, os números na tabela a seguir representam a versão mais baixa do navegador que suporta este atributo; todos os navegadores populares suportam este atributo.
|
Aviso: Internet Explorer 7e versões mais antigas não suportam este outline-atributo style. IE8Suporta este atributo, mas precisa de um<!DOCTYPE>。
Por favor, consulte as tutoriais relacionadas ao seguinte conteúdo:Contorno do CSS，Borda do CSS。
Propriedades relacionadas:outline，outline-color，outline-width。