Proprietatea outline

Proprietatea outline stabilește culoarea, tipul și grosimea pentru conturul exterior (graniță care nu ocupă spațiu) pentru toate laturile simultan, dar spre deosebire de border o astfel de graniță nu extinde elementul. Este o proprietate-prescurtare pentru outline-width, outline-style și outline-color (dar nu și pentru outline-offset).

Sintaxă

cssselector {
  outline: grosime tip culoare;
}

Ordinea proprietăților nu contează.

Exemplu . Doar outline

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

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

Результат:

Exemplu . Proprietățile outline și border împreună

Granța de la outline va fi în exterior, iar granița de la border - în interior:

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

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

Результат:

Vedeți și