CSS உரை சீரமைக்கும் சொத்துடன் விஷயங்களை வரிசைப்படுத்துங்கள்

சொல் செயலாக்கத்தில் பிடிபடும் போது அனைத்து டெவலப்பர்களும் கற்றுக்கொண்ட முதல் அம்சங்களில் ஒன்று உரை சீரமைப்பு ஆகும். தொழில்முறை தட்டச்சர்கள் மற்றும் அமெச்சூர் ஃப்ளையர் வடிவமைப்பாளர்களுக்கு அந்த சிறிய கருவி முக்கியமானது. வலை வடிவமைப்புக்கு வரும்போது CSS உரை சீரமைப்புக்கு ஆதரவளிப்பதில் ஆச்சரியமில்லை.

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

CSS உரை-சீரமைக்கும் சொத்தின் அடிப்படைகள்

சீரமைப்பு என்பது மிகவும் பழக்கமான அச்சுக்கலைச் சொற்களில் ஒன்றாகும். CSS சூழலில், உரை சீரமைப்பு கிடைமட்ட சீரமைப்பைக் குறிக்கிறது.

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

அடோப் இல்லஸ்ட்ரேட்டரில் உரையை எப்படி வளைப்பது

முன்னிருப்பாக, இடமிருந்து வலமாக மொழியில் (இதைப் பின்னர் மேலும்), உரை இடதுபுறமாக சீரமைக்கிறது:

CSS இல், இது போன்றது:

p { text-align: left; }

அல்லது:

p { text-align: start; }

தொடர்புடையது: கேஸ்கேடிங் ஸ்டைல் ஷீட்கள் என்றால் என்ன, சிஎஸ்எஸ் எதற்காகப் பயன்படுத்தப்படுகிறது?

நீங்கள் மற்ற மதிப்புகளைப் பயன்படுத்தலாம் உரை சீரமைப்பு கிடைமட்ட சீரமைப்பை மாற்ற சொத்து. மிகவும் பொதுவான மதிப்புகள் வார்த்தை செயலாக்க பயன்பாடுகளிலிருந்து தெரிந்தவை:

text-align: left  
text-align: center  
text-align: right

இடது மற்றும் வலது விளிம்புகளை சீரமைக்க நியாயப்படுத்தலைப் பயன்படுத்தவும்

மற்றொரு பொதுவான மதிப்பு உரை சீரமைப்பு இருக்கிறது நியாயப்படுத்து . உலாவிகள் நியாயமான உரைக்கு இடத்தை சேர்க்கின்றன, இதனால் ஒவ்வொரு வரியும் கிடைக்கக்கூடிய இடத்தை நிரப்ப விரிவடைகிறது:

நீங்கள் உரையை நியாயப்படுத்தும்போது, இறுதி வரி தந்திரமானதாக இருக்கலாம். இது மிகக் குறுகியதாக இருக்கலாம் (ஒருவேளை ஒரே வார்த்தை), முழு அகலத்திலும் இடைவெளி கொடுப்பது அசிங்கமாக இருக்கலாம். இயல்பாக, நியாயப்படுத்தப்பட்ட உரை கூட இறுதி வரியை இடதுபுறமாக சீரமைக்கும்.

ஐடியூன்ஸ் பரிசு அட்டையுடன் நான் என்ன வாங்க முடியும்

நீங்கள் சில நேரங்களில் வேறு விளைவை விரும்பலாம். உலாவி செயலாக்கங்கள் விவரக்குறிப்பைப் பிடிக்கின்றன, ஆனால் இரண்டு அணுகுமுறைகள் சாத்தியமாகும்.

தி அனைத்து-நியாயப்படுத்த மதிப்பு என்பது உலாவிகள் இறுதி வரியை மற்ற அனைத்தையும் போலவே கருதி, அதை முழு அகலத்திற்கு நீட்ட வேண்டும். இருப்பினும், எழுதும் நேரத்தில், எந்த உலாவியும் இந்த மதிப்பை ஆதரிக்கவில்லை. உன்னால் முடியும் கேனியூஸை அவர்கள் பார்க்கிறார்களா என்று பார்க்கவும் நீங்கள் இந்தக் கட்டுரையைப் படிக்கும்போது.

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

இந்த சொத்துக்கான உலாவி ஆதரவு சிறந்தது, ஆனால் சரியானது அல்ல. மீண்டும், நீங்கள் அதைப் பயன்படுத்துவதற்கு முன்பு கேனியஸைச் சரிபார்க்கவும் . உலாவி இந்த சொத்தை அடையாளம் காணவில்லை என்றால், அது புறக்கணிக்கும்.

உரை சீரமைப்பு மற்றும் வாசிப்பு திசை

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

direction: rtl;

இந்த மொழிகள் இயல்பாக உரையை வலதுபுறமாக சீரமைக்கின்றன.

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

ஐபோனில் இருப்பிடத்தைப் பகிர்வது எப்படி

பயன்படுத்தி தொடங்கு அல்லது முடிவு அதாவது, உரை திசையைப் பொருட்படுத்தாமல், சீரமைப்பு சீரானது.

உரை-சீரமைக்கும் பண்பை உறுப்புகள் எவ்வாறு மரபுரிமையாக்குகின்றன

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

தளவமைப்பைக் கட்டுப்படுத்த உரை சீரமைக்கும் சொத்தைப் பயன்படுத்துதல்

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

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

தி உரை சீரமைப்பு பயனுள்ள வடிவமைப்பு மற்றும் அடிப்படை நிலைப்பாட்டை வழங்கும் பல CSS பண்புகளில் சொத்து ஒன்றாகும்.

பகிர் பகிர் ட்வீட் மின்னஞ்சல் 10 எளிய CSS குறியீடு உதாரணங்கள் நீங்கள் 10 நிமிடங்களில் கற்றுக்கொள்ளலாம்

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

அடுத்து படிக்கவும் தொடர்புடைய தலைப்புகள்

நிரலாக்க
இணைய மேம்பாடு
வலை வடிவமைப்பு
CSS

எழுத்தாளர் பற்றி பாபி ஜாக்(58 கட்டுரைகள் வெளியிடப்பட்டன)

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

பாபி ஜாக் இருந்து மேலும்

எங்கள் செய்திமடலுக்கு குழுசேரவும்

தொழில்நுட்ப குறிப்புகள், மதிப்புரைகள், இலவச மின் புத்தகங்கள் மற்றும் பிரத்யேக ஒப்பந்தங்களுக்கு எங்கள் செய்திமடலில் சேரவும்!

குழுசேர இங்கே சொடுக்கவும்