CSS Interfață utilizator. CSS Outline Offset. Proprietatea outline-offset. Proprietăți CSS interfață utilizator: outline-offset, resize.

Susține Lectii-Virtuale!

CSS Outline Offset

Proprietatea outline-offset adaugă spațiu între un contur (outline) și margine (edge) sau un border unui element.



Notă: Conturul (Outline) diferă de granițe (borders)! Spre deosebire de graniță (border), conturul (outline) este tras în afara graniței (border) elementului și poate suprapune alt conținut. De asemenea, conturul (outline) NU este o parte din dimensiunile elementului; lățimea și înălțimea (width și height) totală a elementului nu este afectată de lățimea conturului (outline).

Următorul exemplu utilizează proprietatea outline-offset pentru a adăuga spațiu între graniță (borders) și contur (outline):

Exemplu:

div.ex1 {
  margin: 20px;
  border: 1px solid black;
  outline: 4px solid red;
  outline-offset: 15px;
}

div.ex2 {
  margin: 10px;
  border: 1px solid black;
  outline: 5px dashed blue;
  outline-offset: 5px;
}

Proprietăți CSS interfață utilizator

Următorul tabel listează toate proprietățiile interfeței cu utilizatorul:
 

Proprietate	Descriere
outline-offset	Adăugă spațiu între un contur (outline) și margine (edge) sau marginea (border) unui element
resize	Specifică dacă un element poate fi redimensionat de către utilizator