CSS Outline. CSS Outline Offset. Proprietatea outline-offset. Proprietățiile CSS Outline: outline, outline-color, outline-offset, outline-style, outline-width.
Partajeaza in Google Classroom
Teorie: Descriere video Descarcă PDF
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) |