ஒரு பக்கத்தில் மட்டும் எப்படி CSS பார்டரை அமைப்பது?

கொள்கலன் வெற்றிகரமாக உருவாக்கப்பட்டது என்பதைக் காணலாம்:

படி 3: DIV கொள்கலனை அணுகவும்

இப்போது, ​​HTML div கொள்கலனை அணுகி, வகுப்பின் பெயரை அணுகவும். அவ்வாறு செய்ய, ஒரு வகுப்பு தேர்வாளர் ' # ” என்பது வர்க்கப் பெயருடன் பயன்படுத்தப்படுகிறது.

படி 4: ஒரு பக்கத்தில் மட்டும் பார்டரைச் செருகவும்

div கொள்கலனை அணுகிய பிறகு, கீழே குறிப்பிடப்பட்டுள்ள CSS பண்புகளைப் பயன்படுத்தவும்:

இங்கே:

• • ' எல்லை-இடது பார்டர்-இடது அகலம், நடை மற்றும் வண்ணத்தை அமைப்பதற்கான சுருக்கெழுத்து சொத்து.
  • ' பின்னணி 'உறுப்பின் பின்னணி நிறத்தை சரிசெய்ய சொத்து பயன்படுத்தப்படுகிறது.
  • ' விளிம்பு ” பண்புகள் எல்லைக்கு வெளியே இடத்தை அமைக்கின்றன.
  • ' அகலம் ” ஒரு கொள்கலனில் உறுப்பு அகல அளவை வரையறுக்கிறது.

இதன் விளைவாக வரும் படம் ஒரு பக்கத்துடன் மட்டுமே எல்லையைக் காட்டுகிறது:

முறை 2: வெவ்வேறு பாணிகளுடன் அனைத்து பக்கங்களிலும் பார்டரை அமைக்கவும்

வெவ்வேறு வண்ணங்களுடன் அனைத்து பக்கங்களிலும் எல்லையை அமைக்க, மேலே உள்ள HTML குறியீட்டைப் பயன்படுத்தவும். பின்னர், ஐடி பெயர் மற்றும் தேர்வாளரின் உதவியுடன் div கொள்கலனை அணுகவும்:

மேலே வழங்கப்பட்ட குறியீட்டில்:

• • ' விளிம்பு ” என்பது உறுப்புக்கு வெளியே உள்ள வெற்று இடத்தைக் குறிப்பிடுகிறது.
  • ' எல்லை-அகலம் ” ஒவ்வொரு பக்கத்திற்கும் வெவ்வேறு மதிப்புகளுடன் அகலத்தை அமைக்கிறது. உதாரணமாக, பிக்சல்களில் வெவ்வேறு மதிப்புகளைச் சேர்த்துள்ளோம்.
  • ' எல்லை-ஆரம் ” எல்லையின் சுற்று வளைவை உருவாக்க பயன்படுகிறது.
  • ' எல்லை-பாணி எல்லையின் பாணியை அமைப்பதற்கு சொத்து பயன்படுத்தப்படுகிறது. இந்த சூழ்நிலையில், எல்லையின் ஒவ்வொரு பக்கத்திற்கும் நான்கு வெவ்வேறு வகையான பாணிகள் அமைக்கப்பட்டுள்ளன.
  • ' எல்லை-நிறம் எல்லைக்கு வண்ணத்தை ஒதுக்க சொத்து பயன்படுத்தப்படுகிறது. இங்கே, ஒவ்வொரு பக்கத்திற்கும் மதிப்பு வெவ்வேறு நிறமாக அமைக்கப்பட்டுள்ளது.

இதன் விளைவாக, ஒவ்வொரு பக்கத்திலும் வெவ்வேறு பாணிகளைக் கொண்ட பார்டர் பயன்படுத்தப்படும்:

இந்தக் கட்டுரையில், CSS எல்லையை ஒன்று மற்றும் பல பக்கங்களில் அமைக்க பல்வேறு வழிகளைக் கற்றுக்கொண்டீர்கள்.

முடிவுரை

எல்லையை ஒரு பக்கத்தில் மட்டும் அமைக்க, முதலில், '' ஐப் பயன்படுத்தி ஒரு div ஐ உருவாக்கவும்