இந்த கையேட்டின் நோக்கம் சுற்று மூலைகளை எவ்வாறு உருவாக்குவது என்பதை விளக்குவதாகும். இதற்கு முதலில் நாம் தெரிந்து கொள்ள வேண்டியது ' எல்லை ”சொத்து. எனவே, தொடங்குவோம்!
CSS இல் 'எல்லை' சொத்து என்றால் என்ன?
ஒரு உறுப்பைச் சுற்றி ஒரு எல்லையை உருவாக்க, நீங்கள் ' எல்லை ”சொத்து. இந்த சொத்தைப் பயன்படுத்துவதன் மூலம், நீங்கள் ' பாணி ”,” நிறம் ', மற்றும் ' அகலம் 'எல்லையின்.
தொடரியல்
எல்லைச் சொத்தின் தொடரியல் பின்வருமாறு கொடுக்கப்பட்டுள்ளது:
எல்லை : அகலம் பாணி நிறம்
மேலே கொடுக்கப்பட்ட மதிப்புகளின் விளக்கம் இங்கே:
- அகலம்: எல்லையின் அகலத்தை அமைக்க இது பயன்படுகிறது.
- நடை: புள்ளியிடப்பட்ட, கோடு, திடமான அல்லது இரட்டை போன்ற எல்லை பாணியை அமைக்க இது பயன்படுகிறது.
- நிறம்: இது எல்லையின் நிறத்தை தீர்மானிக்கிறது.
இங்கே நாம் செயல்படுத்தும் ஒரு உதாரணம் ' எல்லை ”சொத்து.
CSS ஐப் பயன்படுத்தி பார்டரை உருவாக்குவது எப்படி?
ஒரு பார்டரை உருவாக்க, முதலில், HTML கோப்பில் ஒரு உறுப்பைச் சேர்க்கவும். அவ்வாறு செய்ய, நாம் ஒரு
மற்றும்
குறிச்சொற்களைப் பயன்படுத்தி ஒரு தலைப்பு மற்றும் பத்தியைச் சேர்ப்போம்:
< உடல் >
< div வர்க்கம் = 'மூலை' >
< h1 > லினக்ஸ் குறிப்பு < / h1 >
< ப > CSS இல் வட்ட மூலைகள் < / ப >
< / div >
< / உடல் >
அடுத்து, நாம் CSS பகுதிக்குச் செல்வோம்.
இங்கே, ' .மூலையில் ” என்பது
.மூலையில் {
எல்லை : 4px திடமான rgb ( 248 , 6 , 107 ) ;
அகலம் : 250px ;
உயரம் : 150px ;
பின்னணி நிறம் : rgb ( 2. 3. 4 , 0 , 255 ) ;
}
மேலே குறிப்பிட்டுள்ள குறியீட்டை நீங்கள் செயல்படுத்தியதும், HTML கோப்பிற்குச் சென்று அதை இயக்கவும். பின்வரும் முடிவை நீங்கள் காண்பீர்கள்:
இப்போது, நாம் அடுத்த பகுதிக்குச் செல்வோம், அங்கு சதுர எல்லையை சுற்று மூலையின் எல்லைக்கு உருவாக்குவோம்.
CSS ஐப் பயன்படுத்தி மூலையை வட்டமிடுவது எப்படி?
ஒரு சுற்று மூலையை உருவாக்க, ' எல்லை-ஆரம் ” சொத்து பயன்படுத்தப்படுகிறது, இதில் உங்கள் விருப்பங்களுக்கு ஏற்ப மூலையின் ஆரம் அமைக்கலாம்.
தொடரியல்
எல்லை-ஆரம் சொத்தின் தொடரியல் கீழே கொடுக்கப்பட்டுள்ளது:
எல்லை-ஆரம் : மதிப்புமுந்தைய உதாரணத்தைத் தொடர்வோம் மற்றும் சுற்று மூலைகளை அடைய எல்லை-ஆரம் அமைப்போம்.
உதாரணமாக
இல் ' .மூலையில் 'CSS கோப்பின் வகுப்பு, மதிப்பை அமைக்கவும்' எல்லை-ஆரம் 'சொத்து' 30px ”:
எல்லை-ஆரம் : 30px ;மேலே உள்ள வரியைச் சேர்த்தால், பின்வரும் வெளியீட்டைப் பெறுவீர்கள்:
மேலே கொடுக்கப்பட்ட வெளியீடு எல்லை-ஆரம் பண்பு காரணமாக எல்லைகள் வெற்றிகரமாக வட்ட மூலைகளாக மாற்றப்படுவதைக் குறிக்கிறது.
முடிவுரை
CSS இல்” எல்லை-ஆரம் எல்லைகளின் மூலையை மாற்ற சொத்து பயன்படுத்தப்படுகிறது. கொடுக்கப்பட்ட ஆரம் மதிப்புக்கு ஏற்ப வளைவின் வடிவம் மாறுகிறது. குறிப்பிடப்பட்ட சொத்தைப் பயன்படுத்தி, உங்கள் விருப்பப்படி மூலையின் ஆரம் அமைக்கலாம். இந்தக் கட்டுரையில், பார்டர்-ரேடியஸ் சொத்தைப் பயன்படுத்தி, மூலைகளை எப்படிச் சுற்றுவது என்பதை உதாரணத்தின் மூலம் விளக்கியுள்ளோம்.