Propriedade de estilo outlineStyle

Definição e uso

outlineStyle A propriedade define ou retorna o estilo do contorno ao redor do elemento.

O contorno é uma linha ao redor do elemento. Ele é exibido ao redor da margem do elemento. No entanto, ele é diferente da propriedade de borda.

O contorno não faz parte do tamanho do elemento, portanto, as propriedades de largura e altura do elemento não incluem a largura do contorno.

另请参阅：

Veja também:Contorno CSS

Tutorial do CSSManual do CSS

Propriedade outline-styleManual do HTML DOM

Propriedade outline

Exemplo

Exemplo 1

Altera o estilo do contorno do elemento <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

Adicione um contorno sólido ao redor do elemento <div>:

Exemplo 2

Altera o estilo do contorno do elemento <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

document.getElementById("myDiv").style.outlineStyle = "solid";

Exemplo 3

Retorna o estilo do contorno do elemento <div>:

document.getElementById("myDiv").style.outlineStyle = listValue;

alert(document.getElementById("myDiv").style.outlineStyle);

Exemplo 4

Demonstrações para todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Experimente você mesmo

Sintaxe

Defina a propriedade outlineStyle:Retorne a propriedade outlineStyle:

.style.outlineStyle

Defina a propriedade outlineStyle:objeto .style.outlineStyle =

value

valor da propriedade valor
none description
Padrão. Define sem contorno. hidden
O contorno está fechado. dotted
Define o contorno de ponto. dashed
Define o contorno de linha pontilhada. solid
Define o contorno de linha sólida. double Define o contorno de linha dupla. A largura da linha dupla é equivalente a outline-width
valores. Define o contorno em rebaixo 3D. Define o contorno em rebaixo 3D. Esse efeito depende de outline-color valores.
ridge Define o contorno em cantoneira 3D. Esse efeito depende de outline-color valores.
inset Define o contorno em rebaixo 3D. Esse efeito depende de outline-color valores.
outset Define o contorno em relevo 3D. Esse efeito depende de outline-color valores.
initial Defina essa propriedade como seu valor padrão. Veja também initial.
inherit Herda essa propriedade do elemento pai. Veja também inherit.

Detalhes técnicos

Valor padrão: none
Retorno: Cadeia de caracteres, que representa o estilo do contorno do elemento.
Versão do CSS： CSS2

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte