CSS Konturbias

CSS Konturbias

outline-offset Egenskaben tilføjer plads mellem elementets kontur og kantlinjen. Rummet mellem elementet og konturen er gennemsigtigt.

Følgende eksempel specificerer en kontur uden for kantlinjen på 25px:

Dette afsnit har en kontur uden for kantlinjen på 25px.

eksempel

p {
  margin: 50px;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Prøv det selv

Følgende eksempel viser, at rummet mellem elementet og konturen er gennemsigtigt:

Denne afsnit har en kontur uden for kantlinjen på 25px.

eksempel

p {
  margin: 30px;
  background: yellow;
  border: 1px solid black;
  outline: 1px solid red;
  outline-offset: 25px;
}

Prøv det selv

Alle CSS kontur egenskaber

Egenskab Beskrivelse
outline Kortfattet egenskab, der i en enkelt deklaration indstiller outline-width, outline-style og outline-color.
outline-color Indstil farven på konturen.
outline-offset Angiv afstanden mellem konturen og elementets kant eller ramme.
outline-style Indstil stilen på konturen.
outline-width Indstil bredden af konturen.