Omadus outline

Omadus outline määrab värvi, tüübi ja paksuse välisäärele (piir, mis ei võta ruumi) kõikidele külgedele korraga, kuid erinevalt border-ist see piir ei laienda elementi. On lühendomaduseks outline-width, outline-style ja outline-color (kuid mitte outline-offset jaoks).

Süntaks

cssselektor {
  outline: paksus tüüp värv;
}

Omaduste järjekord ei oma tähtsust.

Näide . Ainult outline

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Näide . Omadused outline ja border koos

outline-ist tulenev piir on väljaspool ja border-ist tulenev piir on seespool:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

Vaata ka