Īpašība outline

Īpašība outline iestata krāsu, veidu un biezumu ārējai apmalei (robežai, kas neaizņem vietu) visām pusēm vienlaicīgi, bet atšķirībā no border šāda robeža nepaplašina elementu. Ir saīsināta īpašība outline-width, outline-style un outline-color (bet ne outline-offset).

Sintakse

cssselektors {
  outline: biezums veids krāsa;
}

Īpašību secībai nav nozīmes.

Piemērs . Tikai outline

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

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

Результат:

Piemērs . Īpašības outline un border kopā

Robeža no outline būs ārpusē, bet robeža no border - iekšpusē:

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

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

Результат:

Skatiet arī