Exemplo
Definir o contorno em torno de um <p> elemento:
p
{
outline: #00FF00 dotted thick;
}
Tente você mesmo " Definição e Uso
Um esboço é uma linha que é desenhada em torno de elementos (outside the borders) para fazer o elemento "stand out" .
O contorno propriedade estenográfica define todas as propriedades de contorno em uma declaração.
As propriedades que podem ser definidas, são (in order) : outline-color, esboço-style, o contorno de largura.
Se um dos valores acima estiver faltando, por exemplo, "outline:solid #ff0000;" , O valor padrão para a propriedade ausente será inserido, se houver.
Nota: O esboço não é uma peça de dimensões do elemento, portanto, largura e altura do elemento propriedades não contêm a largura do contorno.
| Valor padrão: | invert none medium |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.outline="#0000FF dotted 5px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| outline | 1.0 | 8 | 1,5 | 1.2 | 7 |
Note: IE8 suporta a propriedade esboço somente se um DOCTYPE é especificado!.
CSS Syntax
outline:outline-coloroutline-styleoutline-width|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| outline-color | Especifica a cor do contorno |
| outline-style | Especifica o estilo do contorno |
| outline-width | Especifica a largura do contorno |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Esboço CSS
Referência HTML DOM: outline property