Jassif Team Institution

CSS background-origin Property

CSS background-origin சொத்து பின்னணி படம் எங்கு வைக்கப்பட்டுள்ளது என்பதைக் குறிப்பிடுகிறது.

இந்த சொத்து பின்வரும் மதிப்புகளில் ஒன்றைக் கொண்டிருக்கலாம்:

• padding-box - பின்னணி படம் padding விளிம்பின் மேல்-இடது மூலையில் இருந்து தொடங்குகிறது. இது இயல்புநிலை
• border-box - பின்னணி படம் border விளிம்பின் மேல்-இடது மூலையில் இருந்து தொடங்குகிறது
• content-box - பின்னணி படம் content விளிம்பின் மேல்-இடது மூலையில் இருந்து தொடங்குகிறது

Example

பின்வரும் எடுத்துக்காட்டு background-origin சொத்தை விளக்குகிறது:

#div1 {
  border: 2px solid black;
  padding: 35px;
  background-image: url(img_flwr.gif);
  background-repeat: no-repeat;
  background-origin: padding-box;
}

#div2 {
  border: 2px solid black;
  padding: 35px;
  background-image: url(img_flwr.gif);
  background-repeat: no-repeat;
  background-origin: border-box;
}

#div3 {
  border: 2px solid black;
  padding: 35px;
  background-image: url(img_flwr.gif);
  background-repeat: no-repeat;
  background-origin: content-box;
}

Exercise

CSS Advanced Background Properties

பின்வரும் அட்டவணை CSS மேம்பட்ட பின்னணி சொத்துக்களை பட்டியலிடுகிறது: