tutoriais mais recente desenvolvimento web
 

Style outline Property

<Estilo de objeto

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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