CSS Outline Offset

CSS Outline Offset

outline-offset De eigenschap voegt ruimte toe tussen de omtrek van het element en de rand. De ruimte tussen het element en zijn omtrek is doorschijnend.

Het volgende voorbeeld specificeert een omtrek van 25px buiten de rand:

De omtrek buiten dit paragraaf is 25px.

voorbeeld

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

Probeer het zelf

Het volgende voorbeeld toont aan dat de ruimte tussen het element en zijn omtrek doorschijnend is:

De omtrek van dit gedeelte buiten de rand is 25px.

voorbeeld

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

Probeer het zelf

Alle CSS schaduw eigenschappen

Eigenschap Beschrijving
outline Korte eigenschap, in één verklaring outline-width, outline-style en outline-color instellen.
outline-color Stel de kleur van de schaduw in.
outline-offset Specificeer de afstand tussen de schaduw en de rand of het frame van het element.
outline-style Stel de stijl van de schaduw in.
outline-width Stel de breedte van de schaduw in.