Exemplo
Definir a cor de uma linha pontilhada:
p
{
outline-style: dotted;
outline-color: #00ff00;
}
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" .
A propriedade outline-color especifica a cor de um esboço.
Note: Sempre declarar a propriedade de estilo esboço antes que a propriedade outline-color. Um elemento deve ter um esboço antes de mudar a cor do mesmo.
| Valor padrão: | invert |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS2 |
| sintaxe JavaScript: | object .style.outlineColor="#FF0000" 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-color | 1.0 | 8 | 1,5 | 1.2 | 7 |
Note: IE8 suporta a propriedade outline-color somente se um DOCTYPE é especificado!.
CSS Syntax
outline-color: invert|color|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| invert | Realiza uma inversão de cores. Isso garante que o contorno é visível, independentemente do fundo da cor. Este é o padrão | Jogue " |
| color | Especifica a cor do contorno. Olhe para valores de cor CSS para uma completa lista de possíveis valores de cor. | 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: outlineColor property