Exemplo
Definir a largura de um esboço:
p
{
outline-style: dotted;
outline-width: 5px;
}
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 esboço de largura especifica a largura de um esboço.
Note: Sempre declarar a propriedade de estilo esboço antes que a propriedade outline-width. Um elemento deve ter um esboço antes de alterar a largura do mesmo.
| Valor padrão: | medium |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.outlineWidth="2px" Try it |
Dicas e Notas
Um esboço é uma linha em torno de um elemento. É apresentada à volta da margem do elemento. No entanto, é diferente da propriedade fronteira.
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.
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| outline-width | 1.0 | 8 | 1,5 | 1.2 | 7 |
Note: IE8 suporta a propriedade outline-width somente se um DOCTYPE é especificado!.
CSS Syntax
outline-width: medium|thin|thick|length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| medium | Especifica um esboço médio. Este é o padrão | Jogue " |
| thin | Especifica um esboço fina | Jogue " |
| thick | Especifica um esboço de espessura | Jogue " |
| length | Permite definir a espessura do contorno | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
CSS tutorial: Esboço CSS
Referência CSS: outline property
HTML DOM de referência: outlineWidth property