CSS Skrócony Kontur

CSS Outline - skrócone atrybuty

outline Atrybut jest skróconą nazwą do ustawiania następujących atrybutów konturu:

  • outline-width
  • outline-style(wymagane)
  • outline-color

Z powyższej listy:outline Atrybut może określać jedną, dwie lub trzy wartości. Kolejność wartości nie ma znaczenia.

Poniższy przykład pokazuje użycie skróconej outline Kontury określone przez atrybut:

Kontur przerywany.

Kontur czerwonych przerywanych linii.

Kontur żółtych pionowych linii 5 pikseli.

Gruba różowa kontur wypustki.

Przykład

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

Spróbuj sam