Fundaluri multiple CSS. Proprietatea CSS background-clip. Valorile proprietății background-clip: border-box, padding-box, content-box.

Proprietatea CSS background-clip

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;
}