CSS Kontur Förflyttning

CSS Kontur Förflyttning

outline-offset The property adds space between the element's outline and border. The space between the element and its outline is transparent.

The following example specifies an outline 25px outside the border edge:

This paragraph has an outline 25px outside the border.

Example

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

Prova själv

The following example shows that the space between the element and its outline is transparent:

This paragraph has an outline 25px outside the border edge.

Example

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

Prova själv

Alla CSS kontur egenskaper

Egenskap Beskrivning
outline Kortfattad egenskap, ställer in outline-width, outline-style och outline-color i ett enda uttalande.
outline-color Ställ in färgen på konturen.
outline-offset Specificera avståndet mellan konturen och elementets kant eller ram.
outline-style Ställ in stilen på konturen.
outline-width Ställ in bredd på konturen.