CSS Outline. CSS Outline Offset. Proprietatea outline-offset. Proprietățiile CSS Outline: outline, outline-color, outline-offset, outline-style, outline-width.

CSS Outline Offset

Proprietatea outline-offset adaugă spațiu între un outline și edge/ border unui element. Spațiul dintre un element și conturul său este transparent.

Următorul exemplu specifică un contur (outline) de 15px în afara marginii de frontieră (border edge):



Exemplu:

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

Următorul exemplu arată că spațiul dintre un element și conturul său este transparent:



Exemplu:

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

Toate proprietățiile CSS Outline:
 

Proprietate	Descriere
outline	O proprietate shorthand pentru setarea outline-width, outline-style și outline-color într-o singură declarație
outline-color	Setează culoarea unui contur (outline)
outline-offset	Specifică spațiul dintre un outline și edge sau border unui element
outline-style	Setează stilul unui contur (outline)
outline-width	Setează lățimea unui contur (outline)