Egenskapen outline

Egenskapen outline setter farge, type og tykkelse for den ytre rammen (en kant som ikke tar opp plass) på alle sider samtidig, men i motsetning til border utvider ikke en slik kant elementet. Er en forkortelse for outline-width, outline-style og outline-color (men ikke for outline-offset).

Syntaks

cssvelger {
  outline: tykkelse type farge;
}

Rekkefølgen på verdiene har ikke noe å si.

Eksempel . Kun outline

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

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

Результат:

Eksempel . Egenskapene outline og border sammen

Kanten fra outline vil være på utsiden, mens kanten fra border - på innsiden:

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

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

Результат:

Se også