ஒவ்வொரு CSS சொத்துக்கான விரிவான விளக்கம் இங்கே உள்ளது
சொத்து color
ஒரு தனிமத்தின் உரை நிறத்தை வடிவமைக்க சொத்து color பயன்படுத்தப்படுகிறது.
மதிப்பு ஒரு வண்ணப் பெயராக இருக்கலாம்(எ.கா., red, blue, green), ஒரு ஹெக்ஸாடெசிமல் குறியீடு(எ.கா., "#FF0000" க்கு" red) அல்லது மதிப்புகளைக் rgb() குறிப்பிடுவதற்கான செயல்பாடு Red, Green, Blue.
உதாரணமாக: color: red;
சொத்து font-size
font-size ஒரு உறுப்புக்குள் உரையின் அளவை வடிவமைக்க சொத்து பயன்படுத்தப்படுகிறது .
மதிப்பு பிக்சல்கள்(எ.கா., "12px"), em அலகுகள்(எ.கா, "1.2em"), சதவீதங்கள்(%) அல்லது பிற தொடர்புடைய மதிப்புகளில் இருக்கலாம்.
உதாரணமாக: font-size: 16px;
சொத்து background-color
ஒரு உறுப்பின் பின்னணி நிறத்தை வடிவமைக்க சொத்து background-color பயன்படுத்தப்படுகிறது.
மதிப்பானது வண்ணப் பெயர், ஹெக்ஸாடெசிமல் குறியீடு அல்லது வண்ணத்தைக் குறிப்பிட "rgb()" செயல்பாடாகவும் இருக்கலாம்.
உதாரணமாக: background-color: #F0F0F0;
சொத்து font-family
"எழுத்துரு-குடும்ப" பண்பு ஒரு உறுப்புக்குள் உரைக்கு பயன்படுத்தப்படும் எழுத்துருவை வரையறுக்கிறது.
Arial மதிப்பு எழுத்துரு பெயர்(எ.கா., Helvetica) அல்லது எழுத்துரு பெயர்களின் முன்னுரிமை பட்டியலாக இருக்கலாம் .
உதாரணமாக: font-family: Arial, sans-serif;
சொத்து text-align
ஒரு உறுப்புக்குள் உரையை சீரமைக்க "text-align" பண்பு பயன்படுத்தப்படுகிறது.
மதிப்பு left, right, center, அல்லது justify(இரு முனைகளிலும் உள்ள உரையை நியாயப்படுத்த) ஆக இருக்கலாம்.
உதாரணமாக: text-align: center;
சொத்து width
"அகலம்" பண்பு ஒரு தனிமத்தின் அகலத்தைக் குறிப்பிடுகிறது.
auto மதிப்பு பிக்சல்கள், சதவீதங்கள்(%) அல்லது தானியங்கி அகலத்தில் இருக்கலாம் .
உதாரணமாக: width: 300px;
சொத்து height
சொத்து height ஒரு தனிமத்தின் உயரத்தைக் குறிப்பிடுகிறது.
pixel மதிப்பு, சதவீதங்கள்(%) அல்லது auto தானியங்கி உயரத்தில் இருக்கலாம் .
உதாரணமாக: height: 200px;
சொத்து border
ஒரு உறுப்பைச் சுற்றி ஒரு எல்லையை உருவாக்க சொத்து border பயன்படுத்தப்படுகிறது.
border style மதிப்பில் பார்டர் தடிமன்(எ.கா., "1px"),(எ.கா., solid, dotted) மற்றும் color(எ.கா., red) ஆகியவை அடங்கும் .
உதாரணமாக: border: 1px solid black;
சொத்து margin
சொத்து margin ஒரு உறுப்பு மற்றும் சுற்றியுள்ள உறுப்புகளுக்கு இடையிலான இடைவெளியை வரையறுக்கிறது.
மதிப்பு ஒரு பிக்சல் மதிப்பாக இருக்கலாம்(எ.கா., "10px"), ஒவ்வொரு திசைக்கும் பிக்சல் மதிப்புகள்(எ.கா., "5px 10px"), அல்லது auto தானியங்கி இடைவெளி.
உதாரணமாக: margin: 10px;
சொத்து padding
padding ஒரு தனிமத்தின் உள்ளடக்கத்திற்கும் எல்லைக்கும் இடையிலான இடைவெளியை சொத்து வரையறுக்கிறது .
pixel மதிப்பு ஒவ்வொரு திசைக்கும் ஒரு மதிப்பு அல்லது பிக்சல் மதிப்புகளாக இருக்கலாம் .
உதாரணமாக: padding: 20px;
இவை CSS பண்புகள் மற்றும் அவற்றின் மதிப்புகளின் சில எடுத்துக்காட்டுகள். CSS ஆனது உங்கள் வலைப்பக்கத்தில் உள்ள கூறுகளை பாணி மற்றும் தனிப்பயனாக்க பல பண்புகளை வழங்குகிறது. உங்கள் வலைத்தளத்திற்கான பல்வேறு வடிவமைப்புகளையும் விளைவுகளையும் அடைய நீங்கள் கூடுதல் பண்புகளை ஆராய்ந்து அவற்றைத் தனிப்பயனாக்கலாம்.