Outline-eienskap

Die eienskap outline stel die kleur, tipe en dikte vir die buiterand (rand wat geen plek inneem nie) vir alle kante gelyktydig, maar in teenstelling met border brei so 'n rand nie die element uit nie. Is 'n afkorting-eienskap vir outline-width, outline-style en outline-color (maar nie vir outline-offset nie).

Sintaksis

cssselektor {
  outline: dikte tipe kleur;
}

Die volgorde van die eienskappe maak nie saak nie.

Voorbeeld . Slegs outline

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

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

Результат:

Voorbeeld . Outline- en border-eienskappe saam

Die rand van outline sal aan die buitekant wees, en die rand van border - aan die binnekant:

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

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

Результат:

Sien ook