Abreviação de contorno CSS

CSS Outline - propriedade abreviada

outline A propriedade é uma abreviação usada para definir as seguintes propriedades do contorno:

  • outline-width
  • outline-style(obrigatório)
  • outline-color

Da lista acima:outline A propriedade pode especificar um, dois ou três valores. A ordem dos valores não importa.

O exemplo a seguir mostra o uso abreviado da outline Alguns contornos especificados pela propriedade:

Contorno tracejado.

Contorno tracejado vermelho.

Contorno de linha sólida amarela de 5 pixels.

Contorno em relevo pink grossa.

Exemplo

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}

Experimente você mesmo