Spostamento del Contorno CSS

Spostamento del Contorno CSS

outline-offset L'attributo aggiunge spazio tra il contorno dell'elemento e il bordo. Lo spazio tra l'elemento e il contorno è trasparente.

Ecco un esempio che specifica un contorno esterno di 25px al di fuori del bordo:

Questo paragrafo ha un contorno esterno di 25px al di fuori del bordo.

Esempio

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

Prova da Solo

Ecco un esempio che mostra che lo spazio tra l'elemento e il contorno è trasparente:

Questo paragrafo ha un contorno esterno di 25px al di fuori del bordo.

Esempio

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

Prova da Solo

Tutte le proprietà di contorno CSS

Proprietà Descrizione
outline Proprietà abbreviate, che impostano outline-width, outline-style e outline-color in una sola dichiarazione.
outline-color Impostare il colore del contorno.
outline-offset Specificare lo spazio tra il contorno e il margine o il bordo dell'elemento.
outline-style Impostare lo stile del contorno.
outline-width Impostare la larghezza del contorno.