Fundaluri multiple CSS. Proprietatea CSS background-clip. Valorile proprietății background-clip: border-box, padding-box, content-box.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Proprietatea CSS background-clip specifică zona de pictură a fundalului.
Proprietatea are trei valori diferite:
- border-box - (implicit) fundalul este pictat pe marginea exterioară a border-ului.
- padding-box - fundalul este vopsit până la marginea exterioară a padding-ului.
- content-box - fundalul este pictat în caseta de conținut.
Următorul exemplu ilustrează proprietatea background-clip:
Exemplu:
#example1 {
border: 10px dotted black;
padding: 35px;
background: yellow;
background-clip: content-box;
}