'TABLE' உறுப்பு காரணிகள் (HTML) எவ்வாறு பயன்படுத்துவது

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

HTML TABLE உறுப்பு பண்புக்கூறுகள்

HTML5 இல் உறுப்பு உலகளாவிய பண்புக்கூறுகளையும் ஒரு பிற பண்புகளையும் பயன்படுத்துகிறது:. அது மாதிரியாக மாறிவிட்டது 1 அல்லது வெற்று (அதாவது. எல்லை = ""). எல்லை அகலத்தை மாற்ற விரும்பினால், நீங்கள் பயன்படுத்த வேண்டும் எல்லை அகல CSS சொத்து.

செல்லுபடியாகும் HTML5 அட்டவணை பண்புகளைப் பற்றி அறிய கீழே காண்க.

HTML5 இல் வழக்கற்றதாக மாறிய HTML 4.01 விவரக்குறிப்பின் பகுதியாக பல பண்புக்கூறுகளும் உள்ளன:

• CSS ஐ பயன்படுத்துங்கள் பேட்டிங்கின் மேஜையில் உள்ள சொத்து TD மற்றும் திருவொற்றியூர் கூறுகள்.
• CSS சொத்து பயன்படுத்தவும் எல்லை இடைவெளி மேசையின் மேல்.
• CSS நடைகளை பயன்படுத்தவும் எல்லை-நிறம்: கருப்பு; மற்றும் எல்லை பாணி மேசையின் மேல்.
• CSS நடைகளை பயன்படுத்தவும் எல்லை-நிறம்: கருப்பு; மற்றும் எல்லை பாணி அட்டவணையின் பொருத்தமான கூறுகளில்.
• - அதற்கு பதிலாக, நீங்கள் ஒரு அட்டவணையை கட்டமைக்க வேண்டும் துணைத் தலைப்பு அல்லது ஒரு முழு அட்டவணையை வைத்து படம் மற்றும் ஒரு அதை விவரிக்கும் FIGCAPTION. மாற்றாக, எந்த விளக்கமும் தேவையில்லை என்று அட்டவணையின் கட்டமைப்பை எளிதாக்கலாம்.
• CSS ஐ பயன்படுத்துங்கள் அகலம் சொத்து.

மற்றும் HTML 4.01 இல் நீக்கப்பட்ட ஒரு பண்பு மற்றும் HTML5 இல் வழக்கற்று உள்ளது.

HTML 4.01 TABLE பண்புக்கூறுகளைப் பற்றி மேலும் அறிக.

• alignCSS ஐ பயன்படுத்துங்கள் விளிம்பு பதிலாக சொத்து.

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

• CSS சொத்து பயன்படுத்தவும் பின்னணி நிறம் பதிலாக.
• borderColorCSS சொத்து பயன்படுத்தவும் எல்லை வண்ண பதிலாக.
• bordercolorlightCSS சொத்து பயன்படுத்தவும் எல்லை வண்ண பதிலாக.
• bordercolordarkCSS சொத்து பயன்படுத்தவும் எல்லை வண்ண பதிலாக.
• கில்பர்ட் ஆசீர்வாதம்இந்த பண்புக்கு மாற்று இல்லை.
• உயரம்CSS சொத்து பயன்படுத்தவும் உயரம் பதிலாக.
• CSS சொத்து பயன்படுத்தவும் விளிம்பு பதிலாக.
• CSS சொத்து பயன்படுத்தவும் விளிம்பு பதிலாக.
• CSS சொத்து பயன்படுத்தவும் வெள்ளை விண்வெளி பதிலாக.
• CSS சொத்து பயன்படுத்தவும் செங்குத்து-சீரமை பதிலாக.

உலாவி குறிப்பிட்ட TABLE பண்புக்கூறுகளைப் பற்றி மேலும் அறிக.

HTML5 TABLE உறுப்பு பண்புக்கூறுகள்

மேலே குறிப்பிட்டுள்ளபடி, உலகளாவிய பண்புகளுக்கு அப்பாற்பட்ட ஒரே பண்பு, ஒரு HTML5 இல் செல்லுபடியாகும் மேசை உறுப்பு: எல்லை.

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

சேர்க்க எல்லை பண்பு, நீங்கள் மதிப்பை அமைக்க 1 ஒரு எல்லை மற்றும் வெறுமையாய் இருந்தால் (அல்லது பண்புகளை விட்டு வெளியேறவும்) இல்லையென்றால். பெரும்பாலான உலாவிகளும் ஆதரிக்கப்படும் 0 எல்லையில்லாத எல்லைக்கு, மற்றும் வேறு எந்த முழு மதிப்பு (2, 3, 30, 500, போன்றவை) பிக்சல்களின் எல்லை அகலத்தை அறிவிக்க, ஆனால் இது HTML5 இல் வழக்கற்று உள்ளது. அதற்கு பதிலாக, நீங்கள் எல்லை விளிம்பு மற்றும் பிற பாணியை வரையறுக்க CSS எல்லை பாணி பண்புகளை பயன்படுத்த வேண்டும்.

ஒரு அட்டவணையை ஒரு எல்லைடன் உருவாக்க, எழுது:

எல்லை = "1" > இது எல்லையற்ற ஒரு அட்டவணை

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

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

செல்லுபடியான HTML 4.01 பண்புக்கூறுகள்

நாங்கள் மேலே விவரிக்கப்பட்ட பண்பு. HTML5 இல் இருந்து HTML 4.01 இல் உள்ள ஒரே வித்தியாசம் பிக்சல்களின் எல்லை அகலத்தை வரையறுக்க எந்த முழு முழுமையையும் (0, 1, 2, 15, 20, 200, முதலியவை) குறிப்பிடலாம்.

ஒரு 5px எல்லைடன் அட்டவணை உருவாக்க, எழுது:

<> எல்லை = "5" > இந்த அட்டவணையில் 5px எல்லை உள்ளது.

எல்லைகளைக் கொண்ட இரண்டு அட்டவணைகள் ஒரு உதாரணம் பார்க்கலாம்.

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

20 க்கு செல் திணிப்பு அமைக்க, எழுது:

<> cellpadding = "20" > இந்த அட்டவணையில் ஒரு உள்ளதுcellpadding 20 இல். செல் எல்லைகள் 20 பிக்சல்கள் மூலம் பிரிக்கப்படும்.

செல்பேடிங் மூலம் அட்டவணைக்கு ஒரு உதாரணம் காண்க

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

செல் இடைவெளியை ஒரு அட்டவணையில் சேர்க்க, எழுது:

<> cellspacing = "20" > இந்த அட்டவணையில் ஒரு உள்ளதுcellspacing 20 இல். செல்கள் 20 பிக்சல்கள் மூலம் பிரிக்கப்படும்.

செல் ஸ்பேஸ் ஒரு அட்டவணை பார்க்க

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

இடது பக்க எல்லையுடன் ஒரு அட்டவணைக்கு HTML இங்கே உள்ளது:

சட்ட = "LHS" > இந்த அட்டவணை வேண்டும் மட்டுமே இடது பக்கம் ஆனது.

கீழே உள்ள சட்டத்துடன் மற்றொரு எடுத்துக்காட்டு:

சட்ட = "கீழே" > இந்த அட்டவணையில் கீழே ஒரு சட்டகம் உள்ளது.

பிரேம்கள் சில அட்டவணைகள் பாருங்கள்

பண்புடன் ஒத்திருக்கிறதுசட்ட பண்புக்கூறு, அட்டவணைகளின் செல்கள் சுற்றி எல்லையை மட்டுமே பாதிக்கிறது. நீங்கள் அனைத்து செல்கள், பத்திகள் இடையே, போன்ற குழுக்கள் இடையே விதிகள் அமைக்க முடியும்tbody மற்றும்TFOOT அல்லது ஒன்றும் இல்லை.

வரிசைகளுக்கு இடையேயான வரிகளை ஒரு அட்டவணையை உருவாக்க, எழுது:

விதிகள் = "வரிசைகள்" > இந்த 4x4 அட்டவணை உள்ளது வரிசைகள் நெடுவரிசைகளாக இல்லை உடன் கோடிட்டு விதிகள் கற்பித்தல்.

மற்றும் நெடுவரிசைகளுக்கு இடையே உள்ள மற்றொரு கோடு:

விதிகள் = "கில்பர்ட் ஆசீர்வாதம்" > இது ஒரு அட்டவணை எங்கே பத்திகள் உள்ளன சிறப்பித்துக்

விதிகள் ஒரு அட்டவணை ஒரு உதாரணம் இங்கே

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

சுருக்கமாக ஒரு எளிய அட்டவணையை எழுதுவது எப்படி:

<> சுருக்கம் = "இது நிரப்பு தகவல்களைக் கொண்ட ஒரு மாதிரி அட்டவணை ஆகும். இந்த அட்டவணையின் நோக்கம் சுருக்கத்தை நிரூபிக்க வேண்டும்." > நெடுவரிசை 1 வரிசை 1 நெடுவரிசை 2 வரிசை 1 நெடுவரிசை 1 வரிசை 2 பத்தியில் 2 வரிசை 2

ஒரு சுருக்கத்தை ஒரு அட்டவணை காண்க

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

பிக்சல்களில் ஒரு குறிப்பிட்ட அகலத்துடன் அட்டவணை உருவாக்க, எழுதவும்:

<> அகலம் = "300" > இந்த அட்டவணையில் அது உள்ள கொள்கலன் அகலத்தில் 80% ஆகும்.

மற்றும் பெற்றோர் உறுப்பு ஒரு சதவீதம் என்று ஒரு அகலம் ஒரு அட்டவணை உருவாக்க, எழுத:

<> அகலம் = "80%" > இந்த அட்டவணையில் அது உள்ள கொள்கலன் அகலத்தில் 80% ஆகும்.

ஒரு அட்டவணையை ஒரு அகலத்துடன் பார்க்கலாம்

விலக்கப்பட்ட HTML 4.01 TABLE பண்புக்கூறு

ஒரு பண்பு உள்ளதுமேசை HTML 4.01 இல் நீக்கப்பட்டது மற்றும் HTML5 இல் வழக்கற்றுப் போகும் உறுப்பு:align. இந்த கற்பிதம், அதற்கு இடையில் உள்ள உரைக்கு தொடர்புடைய பக்கத்தில் உள்ள அட்டவணையை எங்கே அமைக்க வேண்டும் என்பதை அமைக்கலாம். இந்த பண்பு HTML 4.01 இல் நீக்கப்பட்டது, நீங்கள் அதைப் பயன்படுத்துவதை தவிர்க்க வேண்டும். அதற்கு பதிலாக, நீங்கள் CSS சொத்து அல்லது பயன்படுத்த வேண்டும்விளிம்பு இடது: கார்; மற்றும்விளிம்பு வலது: கார்; பாணியை. திமிதவை சொத்து நீங்கள் என்ன நெருக்கமான என்று ஒரு முடிவு கொடுக்கிறதுalign பண்புக்கூறு வழங்கப்பட்டது, ஆனால் பக்க உள்ளடக்கத்தின் மற்ற பகுதிகளை காட்சிப்படுத்துவதன் மூலம் இது பாதிக்கப்படும். திவிளிம்பு வலது: கார்; மற்றும்விளிம்பு இடது: கார்; W3C ஒரு மாற்று என்று பரிந்துரை என்ன.

இங்கே பயன்படுத்தி ஒரு நீக்கப்பட்டது உதாரணம்align பண்பு:

<> align = "உரிமை" > இந்த அட்டவணை வலது சீரமைக்கப்பட்டது உரை அதை இடதுபுறமாக நகர்த்துகிறது

பயன்படுத்தி ஒரு நீக்கப்பட்ட உதாரணம் பார்க்கலாம்align காரணம் காட்டுகிறார்கள்.

மற்றும் சரியான (அல்லாத நீக்கப்பட்டது) HTML அதே விளைவு பெற, எழுத:

<> பாணி = "மிதவை: வலது;" > இந்த அட்டவணை வலது சீரமைக்கப்பட்டது உரை அதை இடதுபுறமாக நகர்த்துகிறது

பின்வரும் விளக்குகிறதுமேசை எந்த HTML விவரக்குறிப்பு பகுதியாக இல்லை என்று பண்புகளை.

முந்தைய தகவல் HTML 4.01 இல் செல்லுபடியான HTML உறுப்பு பண்புகளை விவரிக்கிறது ஆனால் HTML5 இல் வழக்கற்று உள்ளது.

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

இந்த பண்புகளை பயன்படுத்துவதை நாங்கள் பரிந்துரைக்கவில்லை உங்கள் HTML அட்டவணைகளில்.

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

இந்த பண்புக்கு சிறந்த மாற்று பாணி சொத்து.

ஒரு அட்டவணை பின்புல நிறத்தை மாற்ற, எழுது:

<> பாணி = "பின்புல வண்ணம்: #ccc;" > இந்த அட்டவணையில் சாம்பல் பின்னணி உள்ளது

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

உங்கள் அட்டவணையின் எல்லை வண்ணத்தை மாற்ற, எழுது:

பாணி = "எல்லை-நிறம்: சிவப்பு;" > இந்த அட்டவணையில் சிவப்பு எல்லை உள்ளது.

திbordercolorlight மற்றும்bordercolordark உங்கள் அட்டவணையைச் சுற்றி ஒரு 3D எல்லை உருவாக்குவதற்கு உங்களை அனுமதிக்கும் பண்புகளை Internet Explorer இல் சேர்க்கப்பட்டுள்ளது. எனினும், IE8 மற்றும் வரை, இது IE7 தரநிலை முறை மற்றும் க்யூர்க்ஸ் பயன்முறையில் மட்டுமே துணைபுரிகிறது. மைக்ரோசாப்ட் இந்த பண்புகளை ஆதரிக்காது என்று கூறுகிறது.

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

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

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

அட்டவணையில் குறைந்தபட்ச உயரத்தை அமைக்க, எழுது:

<> பாணி = "உயரம்: 30 ஏ;" > இந்த அட்டவணை குறைந்தபட்சம் 30 ems ஆகும்.

இரண்டு பண்புக்கூறுகள் மற்றும் இடது / வலது பக்கங்களைச் சுற்றி கூடுதல் இடம் (hspace பண்புருக்கள்) மற்றும் மேல் / கீழ் (vspace). நீங்கள் அதற்கு பதிலாக பாணி சொத்து பயன்படுத்த வேண்டும்.

செங்குத்து இடைவெளியை 20 பிக்சல்கள் மற்றும் கிடைமட்ட இடத்தை 40 பிக்சல்களுக்கு அமைக்க, எழுதவும்:

<> பாணி = "விளிம்பு: 20px 40px;" இந்த அட்டவணையில் 20 பிக்சல்களின் வெர்சஸ் மற்றும் 40 பிக்சல்களின் ஹஸ்பெஸ் உள்ளது.

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

நிறைய உரையுடன் உரையை எழுதுவதற்கு எழுதவும்:

<> style = "white-space: nowrap;" > இது ஒரு டன் உள்ளடக்கம் கொண்ட ஒரு நிரலாகும். ஆனால் கொள்கலன் விட பரவலாக இருந்தாலும், உரை அடுத்த வரியில் மடிக்க கூடாது, ஆனால் அதற்கு பதிலாக அனைத்து உள்ளடக்கத்தை பார்க்க கிடைமட்டமாக உருட்டும் உலாவி சாளரத்தை கட்டாயப்படுத்த.

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

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

<> பாணி = "செங்குத்து- align: bottom;" கீழே உள்ள பொருளடக்கம்.

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

நடுத்தர பொருளடக்கம்.