CSS இல் இணைப்புகளை எவ்வாறு மையப்படுத்துவது

இணைப்பை மையப்படுத்த இரண்டு முறைகள் உள்ளன:

• 'ஐப் பயன்படுத்தி CSS இல் மைய இணைப்புகள் உரை-சீரமைப்பு ”சொத்து
• 'ஐப் பயன்படுத்தி CSS இல் மைய இணைப்புகள் விளிம்பு ”சொத்து

இந்த கட்டுரையில், இணைப்பை மையப்படுத்துவதற்கான இரண்டு முறைகளையும் விளக்குவோம். எனவே, தொடங்குவோம்!

முறை 1: டெக்ஸ்ட்-அலைன் பண்பைப் பயன்படுத்தி CSS இல் மைய இணைப்புகள்

HTML இல் இணைப்புகளை மையப்படுத்த, நாங்கள் ' உரை-சீரமைப்பு 'CSS இன் சொத்து. ' உரை-சீரமைப்பு ” CSS இல் உள்ள சொத்து இடது, வலது, மையம் போன்ற உரையின் சீரமைப்பைச் சரிசெய்யவும், சீரமைப்பை நியாயப்படுத்தவும் பயன்படுத்தப்படுகிறது.

தொடரியல்

டெக்ஸ்ட்-அலைன் பண்பின் தொடரியல்:

என்ற இடத்தில் ' மதிப்பு ”, நீங்கள் இடது, வலது, மையம் மற்றும் நியாயப்படுத்துதல் போன்ற உரையின் சீரமைப்பை அமைக்கலாம்.

இப்போது நாம் பயன்படுத்துவோம் ' உரை-சீரமைப்பு ” கொடுக்கப்பட்ட இணைப்புகளை மையமாக சீரமைக்க.

உதாரணமாக

வலைப்பக்கத்தில் இணைப்பை மையப்படுத்த, குறிச்சொல்லின் உள்ளே HTML இல் இணைப்பைச் சேர்ப்போம். அவ்வாறு செய்ய, ஹைப்பர்லிங்கை வரையறுத்து தேவையான தளத்தின் முகவரியை கொடுக்க குறிச்சொல்லைப் பயன்படுத்தவும். அதன் பிறகு, இணைப்பின் பெயரைக் குறிப்பிடவும். எங்கள் விஷயத்தில், எங்கள் Linuxhint இணையதளத்தில் இணைப்பைச் சேர்த்துள்ளோம்.

கீழே கொடுக்கப்பட்டுள்ள படம், இணைப்பு சேர்க்கப்பட்டுள்ளதைக் குறிக்கிறது, இது இயல்பாக இடது பக்கத்தில் வைக்கப்பட்டுள்ளது:

இப்போது இணைப்பை மையப்படுத்த CSS க்கு நகர்த்தவும்.

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

CSS

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

இப்போது, ​​HTML க்குச் சென்று, பின்வரும் முடிவைக் காண அதை இயக்கவும். வலைப்பக்கத்தின் மையத்தில் இணைப்பு சீரமைக்கப்பட்டுள்ளதை இங்கே காணலாம்:

மையத்தில் உள்ள இணைப்பை சீரமைக்க இரண்டாவது முறைக்கு செல்லலாம்.

முறை 2: 'விளிம்பு' சொத்தை பயன்படுத்தி CSS இல் மைய இணைப்புகள்

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

தொடரியல்

விளிம்பு சொத்தின் தொடரியல்:

மேலே வழங்கப்பட்ட தொடரியல் விளக்கம் கீழே கொடுக்கப்பட்டுள்ளது:

• ஆட்டோ: உலாவிக்கு ஏற்ப உறுப்புகளை அமைக்க இது பயன்படுகிறது.
• மேல்: மேலிருந்து விளிம்பை அமைக்க இது பயன்படுகிறது.
• வலது: வலதுபுறத்தில் இருந்து விளிம்பை அமைக்க இது பயன்படுகிறது.
• பொத்தானை: கீழே இருந்து விளிம்பை அமைக்க இது பயன்படுகிறது.
• விட்டு: இடதுபுறத்தில் இருந்து விளிம்பை அமைக்க இது பயன்படுகிறது.

குறிப்பு: இரண்டு மதிப்புகளைக் குறிப்பிடுவது மேல் மற்றும் கீழ் இருந்து விளிம்பையும் இடது மற்றும் வலதுபுறத்தில் இருந்து விளிம்பையும் குறிக்கும்; இருப்பினும், ஒரு மதிப்பு சேர்க்கப்பட்டால், விளிம்பு நான்கு பக்கங்களிலும் பயன்படுத்தப்படும்.

உதாரணத்திற்குச் செல்வோம், ''ஐப் பயன்படுத்தி இணைப்பை மையப்படுத்துவோம். விளிம்பு ”சொத்து.

உதாரணமாக

முதலில் காட்சி சொத்தின் மதிப்பை இவ்வாறு அமைக்கவும் தொகுதி 'மற்றும் அகலம்' 70px ”. அதன் பிறகு, மார்ஜின் சொத்தைப் பயன்படுத்தவும் மற்றும் அதன் மதிப்பை ' ஆட்டோ ”:

குறிப்பு: ' காட்சி 'மற்றும்' அகலம் ”சொத்து அமைக்க வேண்டும்; இல்லையெனில், ' விளிம்பு ”சொத்து வேலை செய்யாது. காட்சித் திரையின் தெளிவுத்திறன் மற்றும் உரையின் நீளத்திற்கு ஏற்ப அகலச் சொத்தின் மதிப்பை அமைக்கலாம்.

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

அவ்வளவுதான்! இணைப்பை மையப்படுத்துவதற்கான முறைகளை நாங்கள் விளக்கினோம்.

முடிவுரை

' உரை-சீரமைப்பு 'மற்றும்' விளிம்பு 'இன் பங்களிப்புடன் இணைப்பை மையப்படுத்த சொத்து பயன்படுத்தப்படுகிறது காட்சி 'மற்றும்' அகலம் ”சொத்து. டெக்ஸ்ட்-அலைன் பண்புடன் டிஸ்பிளே ப்ராப்பர்ட்டியும் அவசியம், விளிம்புப் பண்பைப் பயன்படுத்தும் போது, ​​டிஸ்பிளே மற்றும் அகலப் பண்புகள் இரண்டும் இணைப்பை மையப்படுத்துவது கட்டாயமாகும். இந்த வழிகாட்டி CSS இல் இணைப்பை மையப்படுத்த பல்வேறு முறைகளைப் பற்றி விவாதித்துள்ளது.