Exemplo
Adicionar uma "solid" esboço em torno de um <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades outlineStyle ou retorna o estilo do contorno ao redor de um elemento.
Um esboço é uma linha em torno de um elemento. Ele é exibido em torno da margem do elemento. No entanto, é diferente da propriedade fronteira.
O contorno não é uma parte das dimensões do elemento, portanto, largura e altura do elemento propriedades não contêm a largura do esboço.
Suporte navegador
A propriedade outlineStyle é suportado em todos os principais navegadores.
Note: A propriedade outlineStyle não é suportado no IE7 e anteriores. IE8 requer um DOCTYPE!. IE9 e depois apoiá-lo.
Sintaxe
Devolver o imóvel outlineStyle:
object .style.outlineStyle
Defina a propriedade outlineStyle:
object .style.outlineStyle= value Valores de propriedade
| Valor | Descrição |
|---|---|
| none | Define sem contorno. Este é o padrão |
| hidden | O contorno é desligado |
| dotted | Define uma linha pontilhada |
| dashed | Define um contorno tracejado |
| solid | Define um contorno sólido |
| double | Define um contorno duplo |
| groove | Define um esboço ranhuras 3D. O efeito depende do valor esboço-color |
| ridge | Define um esboço ridged 3D. O efeito depende do valor esboço-color |
| inset | Define um esboço de inserção 3D. O efeito depende do valor esboço-color |
| outset | Define um esboço início 3D. O efeito depende do valor esboço-color |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | Nenhum |
|---|---|
| Valor de retorno: | A String, que representa o estilo de contorno de um elemento |
| CSS Versão | CSS2 |
mais Exemplos
Exemplo
Mude o estilo esboço de um <div> elemento:
document.getElementById("myDiv").style.outlineStyle = "solid";
Tente você mesmo " Exemplo
Devolver o estilo esboço de um <div> elemento:
alert(document.getElementById("myDiv").style.outlineStyle); Tente você mesmo " Exemplo
Uma demonstração de todos os diferentes valores:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue; Tente você mesmo " Páginas relacionadas
CSS tutorial: Esboço CSS
Referência CSS: outline-style property
Referência HTML DOM: outline property
<Estilo de objeto