HTML மற்றும் CSS ஐப் பயன்படுத்தி இணைய மேம்பாட்டிற்கு வரும்போது, ஒரு வலைப்பக்கத்தில் உள்ள உறுப்புகளின் தோற்றத்தை கையாளும் திறன் முக்கியமானது. இதை அடைவதற்கான வழிகளில் ஒன்று, ஒரு உறுப்புடன் ஒரு எல்லையைச் சேர்ப்பதாகும். CSS இல், ஒரு உறுப்பின் எல்லையை வரையறுக்க எல்லை சொத்து பயன்படுத்தப்படுகிறது, மேலும் இது எல்லையின் அளவைக் குறிப்பிட உங்களை அனுமதிக்கிறது.
CSS இல் பார்டர் அளவைச் சேர்க்க, நீங்கள் எல்லை அகலப் பண்புகளைப் பயன்படுத்தலாம். பிக்சல்கள், இஎம்எஸ், ரெம்கள் அல்லது சதவீதங்கள் போன்ற வெவ்வேறு அலகுகளில் பார்டரின் அகலத்தை அமைக்க இந்தப் பண்பு உங்களை அனுமதிக்கிறது. எல்லை-அகலப் பண்பு உறுப்புகளின் எல்லையின் தனிப்பட்ட பக்கங்களுக்கு (மேல், வலது, கீழ் மற்றும் இடது) அல்லது ஒரே நேரத்தில் அனைத்துப் பக்கங்களிலும் பயன்படுத்தப்படலாம்.
ஒரு உறுப்பில் பார்டர் அளவைச் சேர்க்க, பார்டர்-அகல சொத்தை நீங்கள் எவ்வாறு பயன்படுத்தலாம் என்பதற்கான எடுத்துக்காட்டு இங்கே:
css
/* Applying border width to all sides */
.element {
border-width: 2px;
}
/* Applying different border widths to each side */
.element {
border-width: 2px 4px 6px 8px;
}
முதல் எடுத்துக்காட்டில், பார்டர்-அகலப் பண்பு 2 பிக்சல்களாக அமைக்கப்பட்டுள்ளது, இது உறுப்பின் அனைத்துப் பக்கங்களுக்கும் ஒரே எல்லை அகலத்தைப் பயன்படுத்துகிறது. இரண்டாவது எடுத்துக்காட்டில், பார்டர்-அகலம் பண்பு மேல் பக்கத்திற்கு 2 பிக்சல்கள், வலது பக்கத்திற்கு 4 பிக்சல்கள், கீழ் பக்கத்திற்கு 6 பிக்சல்கள் மற்றும் இடது பக்கத்திற்கு 8 பிக்சல்கள் என அமைக்கப்பட்டுள்ளது. உறுப்பைச் சுற்றி ஒரே சீரற்ற எல்லையை உருவாக்க இது உங்களை அனுமதிக்கிறது.
எல்லை-பாணி மற்றும் எல்லை-வண்ண பண்புகளை நீங்கள் வரையறுக்காத வரை, எல்லை-அகல சொத்து மட்டும் பார்டரைக் காட்டாது என்பதைக் கவனத்தில் கொள்ள வேண்டியது அவசியம். பார்டர்-பாணி சொத்து, திடமான, கோடு, புள்ளியிடப்பட்ட, போன்ற பார்டரின் பாணியை தீர்மானிக்கிறது, அதே சமயம் பார்டர்-வண்ண சொத்து எல்லையின் நிறத்தை அமைக்கிறது.
பார்டர்-அகலம், பார்டர்-ஸ்டைல் மற்றும் பார்டர்-வண்ண பண்புகளை ஒருங்கிணைக்கும் உதாரணம் இங்கே:
இந்த எடுத்துக்காட்டில், பார்டர்-அகலப் பண்பு, பார்டரின் அகலத்தை 2 பிக்சல்களாக அமைக்கிறது, பார்டர்-ஸ்டைல் ப்ராப்பர்ட்டியானது ஸ்டைலை திடமாக அமைக்கிறது, மற்றும் பார்டர்-கலர் சொத்து நிறத்தை சிவப்பு நிறமாக அமைக்கிறது. இது உறுப்பைச் சுற்றி திடமான சிவப்பு எல்லையை உருவாக்கும்.
CSS இல் பார்டர் அளவைச் சேர்க்க, நீங்கள் எல்லை அகலப் பண்புகளைப் பயன்படுத்தலாம். இந்த சொத்து எல்லையின் அகலத்தை வெவ்வேறு அலகுகளில் குறிப்பிட உங்களை அனுமதிக்கிறது மற்றும் ஒரு தனிமத்தின் தனிப்பட்ட பக்கங்களிலும் அல்லது அனைத்து பக்கங்களிலும் பயன்படுத்தப்படலாம். பார்டர்-பாணி மற்றும் பார்டர்-வண்ண பண்புகளை வரையறுக்க நினைவில் வைத்து பார்டர் தெரியும்.
CSS இல் பார்டர் அளவைச் சேர்ப்பது என்ன?
HTML மற்றும் CSS ஐப் பயன்படுத்தி இணைய மேம்பாட்டிற்கு வரும்போது, ஒரு வலைப்பக்கத்தில் உள்ள உறுப்புகளின் தோற்றத்தை கையாளும் திறன் முக்கியமானது. இதை அடைவதற்கான வழிகளில் ஒன்று, ஒரு உறுப்புடன் ஒரு எல்லையைச் சேர்ப்பதாகும். CSS இல், ஒரு உறுப்பின் எல்லையை வரையறுக்க எல்லை சொத்து பயன்படுத்தப்படுகிறது, மேலும் இது எல்லையின் அளவைக் குறிப்பிட உங்களை அனுமதிக்கிறது.
CSS இல் பார்டர் அளவைச் சேர்க்க, நீங்கள் எல்லை அகலப் பண்புகளைப் பயன்படுத்தலாம். பிக்சல்கள், இஎம்எஸ், ரெம்கள் அல்லது சதவீதங்கள் போன்ற வெவ்வேறு அலகுகளில் பார்டரின் அகலத்தை அமைக்க இந்தப் பண்பு உங்களை அனுமதிக்கிறது. எல்லை-அகலப் பண்பு உறுப்புகளின் எல்லையின் தனிப்பட்ட பக்கங்களுக்கு (மேல், வலது, கீழ் மற்றும் இடது) அல்லது ஒரே நேரத்தில் அனைத்துப் பக்கங்களிலும் பயன்படுத்தப்படலாம்.
ஒரு உறுப்பில் பார்டர் அளவைச் சேர்க்க, பார்டர்-அகல சொத்தை நீங்கள் எவ்வாறு பயன்படுத்தலாம் என்பதற்கான எடுத்துக்காட்டு இங்கே:
முதல் எடுத்துக்காட்டில், பார்டர்-அகலப் பண்பு 2 பிக்சல்களாக அமைக்கப்பட்டுள்ளது, இது உறுப்பின் அனைத்துப் பக்கங்களுக்கும் ஒரே எல்லை அகலத்தைப் பயன்படுத்துகிறது. இரண்டாவது எடுத்துக்காட்டில், பார்டர்-அகலம் பண்பு மேல் பக்கத்திற்கு 2 பிக்சல்கள், வலது பக்கத்திற்கு 4 பிக்சல்கள், கீழ் பக்கத்திற்கு 6 பிக்சல்கள் மற்றும் இடது பக்கத்திற்கு 8 பிக்சல்கள் என அமைக்கப்பட்டுள்ளது. உறுப்பைச் சுற்றி ஒரே சீரற்ற எல்லையை உருவாக்க இது உங்களை அனுமதிக்கிறது.
எல்லை-பாணி மற்றும் எல்லை-வண்ண பண்புகளை நீங்கள் வரையறுக்காத வரை, எல்லை-அகல சொத்து மட்டும் பார்டரைக் காட்டாது என்பதைக் கவனத்தில் கொள்ள வேண்டியது அவசியம். பார்டர்-பாணி சொத்து, திடமான, கோடு, புள்ளியிடப்பட்ட, போன்ற பார்டரின் பாணியை தீர்மானிக்கிறது, அதே சமயம் பார்டர்-வண்ண சொத்து எல்லையின் நிறத்தை அமைக்கிறது.
பார்டர்-அகலம், பார்டர்-ஸ்டைல் மற்றும் பார்டர்-வண்ண பண்புகளை ஒருங்கிணைக்கும் உதாரணம் இங்கே:
இந்த எடுத்துக்காட்டில், பார்டர்-அகலப் பண்பு, பார்டரின் அகலத்தை 2 பிக்சல்களாக அமைக்கிறது, பார்டர்-ஸ்டைல் ப்ராப்பர்ட்டியானது ஸ்டைலை திடமாக அமைக்கிறது, மற்றும் பார்டர்-கலர் சொத்து நிறத்தை சிவப்பு நிறமாக அமைக்கிறது. இது உறுப்பைச் சுற்றி திடமான சிவப்பு எல்லையை உருவாக்கும்.
CSS இல் பார்டர் அளவைச் சேர்க்க, நீங்கள் எல்லை அகலப் பண்புகளைப் பயன்படுத்தலாம். இந்த சொத்து எல்லையின் அகலத்தை வெவ்வேறு அலகுகளில் குறிப்பிட உங்களை அனுமதிக்கிறது மற்றும் ஒரு தனிமத்தின் தனிப்பட்ட பக்கங்களிலும் அல்லது அனைத்து பக்கங்களிலும் பயன்படுத்தப்படலாம். பார்டர்-பாணி மற்றும் பார்டர்-வண்ண பண்புகளை வரையறுக்க நினைவில் வைத்து பார்டர் தெரியும்.
தொடர்பான பிற சமீபத்திய கேள்விகள் மற்றும் பதில்கள் HTML மற்றும் CSS இல் முன்னேறுகிறது:
HTML மற்றும் CSS இல் முன்னேறுவதில் மேலும் கேள்விகள் மற்றும் பதில்களைக் காண்க
மேலும் கேள்விகள் மற்றும் பதில்கள்: