Exemplo
Especifique um esboço 15px fora da borda border:
div
{
border: 2px solid black;
outline: 2px solid red;
outline-offset: 15px;
}
Tente você mesmo " Definição e Uso
A propriedade offset esboço acrescenta espaço entre um esboço e da borda ou margem de um elemento.
Contornos diferem das fronteiras de duas maneiras:
- Um esboço é uma linha traçada em torno de elementos, fora da margem de fronteira
- Um esboço não ocupam espaço
- Um esquema pode ser não-rectangular
| Valor padrão: | 0 |
|---|---|
| Herdado: | no |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.outlineOffset="15px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| outline-offset | 4.0 | Não suportado | 3,5 | 3.1 | 10.5 |
CSS Syntax
outline-offset:length|initial|inherit;Valores de propriedade
| Valor | Descrição |
|---|---|
| length | A distância do contorno é início a partir da borda fronteira. O valor padrão é 0 |
| 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
CSS3 tutorial: CSS3 User Interface
HTML DOM de referência: outlineOffset property