Exemplo
Adicionar um esboço em torno de um <div> elemento:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Tente você mesmo " Definição e Uso
Os conjuntos de propriedades esboço ou retorna todas as propriedades de contorno, em uma forma abreviada.
Com esta propriedade, você pode definir / retornar um ou mais dos seguintes (em qualquer ordem):
- outline-width
- outline-style
- outline-color
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 esboço é suportado em todos os principais navegadores.
Note: A propriedade esboço não é suportado no IE7 e anteriores. IE8 requer um DOCTYPE!. IE9 e depois apoiá-lo.
Sintaxe
Devolver o imóvel esquema:
object .style.outline
Defina a propriedade esquema:
object .style.outline=" Valores de propriedade Parâmetro Descrição width Define a largura do contorno style Define o estilo do contorno color Define a cor do contorno 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 meio invertido Valor de retorno: A String, que representa o contorno largura, estilo e / ou cor de um elemento CSS Versão CSS2
mais Exemplos
Exemplo
Alterar a largura, estilo e cor do contorno de um <div> elemento:
document.getElementById("myDiv").style.outline = "5px dotted green"; Tente você mesmo "
Exemplo
Devolver os valores de propriedade esboço de um <div> elemento:
alert(document.getElementById("myDiv").style.outline); Tente você mesmo "
Páginas relacionadas
CSS tutorial: Esboço CSS
Referência CSS: outline property
<Estilo de objeto