Egenskaben outline

Egenskaben outline angiver farve, type og tykkelse for den ydre ramme (grænse, som ikke optager plads) på alle sider samtidigt, men i modsætning til border udvider en sådan grænse ikke elementet. Er en egenskabs-forkortelse for outline-width, outline-style og outline-color (men ikke for outline-offset).

Syntaks

cssselektor {
  outline: tykkelse type farve;
}

Rækkefølgen af egenskabsværdier har ikke betydning.

Eksempel . Kun outline

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

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

Результат:

Eksempel . Egenskaberne outline og border sammen

Grænsen fra outline vil være på ydersiden, mens grænsen fra border - på indersiden:

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

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

Результат:

Se også