Jassif Team Institution

CSS எல்லை - சுருக்கப்பண்பு

முந்தைய பக்கத்தில் நீங்கள் பார்த்தது போல, எல்லைகளைக் கையாளும் போது கருத்தில் கொள்ள பல பண்புகள் உள்ளன.

குறியீட்டை சுருக்கமாக்க, அனைத்து தனிப்பட்ட எல்லை பண்புகளையும் ஒரு பண்பில் குறிப்பிடவும் முடியும்.

border பண்பு பின்வரும் தனிப்பட்ட எல்லை பண்புகளுக்கான சுருக்கப்பண்பாகும்:

• border-width
• border-style (தேவையானது)
• border-color

எடுத்துக்காட்டு

p {
  border: 5px solid red;
}

முடிவு:

தனிப்பட்ட பக்க பண்புகள்

நீங்கள் ஒரு பக்கத்திற்கான அனைத்து தனிப்பட்ட எல்லை பண்புகளையும் குறிப்பிடலாம்:

இடது எல்லை

p {
  border-left: 6px solid red;
}

முடிவு:

கீழ் எல்லை

p {
  border-bottom: 6px solid red;
}

முடிவு:

பயிற்சி

p {
  border:   ;
}

பண்பு வரிசை

சுருக்க எல்லை பண்பில் மதிப்புகளின் வரிசை முக்கியமானது. பரிந்துரைக்கப்பட்ட வரிசை: