ទទួលបានច្រើនបំផុតពីតារាង HTML ដោយសិក្សាពីគុណលក្ខណៈតារាង
គុណលក្ខណៈតារាង HTML ផ្តល់ឱ្យអ្នកនូវការគ្រប់គ្រងច្រើនលើតារាង HTML ។ មានគុណលក្ខណៈជាច្រើនដែលអាចរកបានក្នុងតារាងដើម្បីធ្វើឱ្យពួកគេកាន់តែចាប់អារម្មណ៍និងផ្លាស់ប្តូររូបរាងនៃទំព័ររបស់អ្នក។
HTML TABLE Element Attributes
នៅក្នុង HTML5 ធាតុប្រើគុណលក្ខណៈសកលនិងគុណលក្ខណៈមួយផ្សេងទៀត: ។ ហើយវាបានផ្លាស់ប្តូរទៅមានតែតំលៃ 1 រឺទទេ (មានន័យថាព្រំដែន = "") ។ ប្រសិនបើអ្នកចង់ផ្លាស់ប្តូរទទឹងនៃស៊ុមអ្នកគួរតែប្រើលក្ខណ CSS របស់ស៊ុមព្រំដែន។
សូមមើលខាងក្រោមដើម្បីស្វែងយល់អំពីគុណលក្ខណៈតារាង HTML5 ត្រឹមត្រូវ។
វាក៏មានគុណលក្ខណៈជាច្រើនដែលជាផ្នែកនៃការបញ្ជាក់ HTML 4.01 ដែលលែងប្រើក្នុង HTML5:
- - ប្រើលក្ខណៈ CSS padding នៅលើធាតុ TD និង TH របស់តារាង។
- - ប្រើគម្លាតព្រំដែននៃលក្ខណសម្បត្តិ CSS នៅលើតារាង។
- - ប្រើរចនាប័ទ្ម CSS ស៊ុមពណ៌: ខ្មៅ; និងរចនាប័ទ្មស៊ុមនៅលើតុ។
- - ប្រើរចនាប័ទ្ម CSS ស៊ុមពណ៌: ខ្មៅ; និងរចនាប័ទ្មស៊ុមលើធាតុសមរម្យនៃតារាង។
- - លើសពីនេះទៅទៀតអ្នកគួរតែរៀបរាប់ពីរចនាសម្ព័ន្ធនៃតារាងនៅក្នុង CAPTION ឬដាក់តារាងទាំងមូលនៅក្នុងរូបភាពនិងរៀបរាប់វានៅក្នុងតារាង FIGCAPTION ។ ជាជម្រើសអ្នកអាចបង្រួមរចនាសម្ព័ន្ធតារាងបានយ៉ាងងាយស្រួលដូច្នេះគ្មានការពន្យល់ណាមួយត្រូវបានទាមទារ។
- - ប្រើលក្ខណៈសម្បត្តិទទឹង CSS ។
និងគុណលក្ខណៈមួយដែលត្រូវបានបដិសេធនៅក្នុង HTML 4.01 ហើយក៏លែងប្រើក្នុង HTML5 ។
ស្វែងយល់បន្ថែមអំពី HTML 4.01 TABLE Attributes ។
- តម្រឹម - ប្រើលក្ខណសម្បត្តិរឹម CSS ជំនួសវិញ។
វាក៏មានគុណលក្ខណៈជាច្រើនដែលមិនមែនជាផ្នែកនៃការបញ្ជាក់ HTML ណាមួយ។
ប្រើគុណលក្ខណៈទាំងនេះបើអ្នកដឹងថាកម្មវិធីរុករកដែលអ្នកគាំទ្រអាចគ្រប់គ្រងពួកវាហើយអ្នកមិនខ្វល់អំពី HTML ដែលត្រឹមត្រូវ។
- - ប្រើពណ៌ផ្ទៃខាងក្រោយនៃលក្ខណសម្បត្តិ CSS ជំនួសវិញ។
- borderercolor - ប្រើស៊ុមស៊ុម CSS ជំនួសវិញ។
- borderercolorlight - ប្រើស៊ុម CSS-border ពណ៌ជំនួស។
- bordercolordark - ប្រើស៊ុមស៊ុម CSS ជំនួសវិញ។
- cols - មិនមានជម្រើសដើម្បីគុណលក្ខណៈនេះទេ។
- កម្ពស់ - ប្រើកម្ពស់លក្ខណសម្បត្តិ CSS ជំនួសវិញ។
- - ប្រើរឹមលក្ខណសម្បត្តិ CSS ជំនួសវិញ។
- - ប្រើរឹមលក្ខណសម្បត្តិ CSS ជំនួសវិញ។
- - ប្រើលក្ខណសម្បត្តិ CSS ជំនួសវិញ។
- - ប្រើលក្ខណសម្បត្តិ CSS align align-instead ។
សិក្សាបន្ថែមអំពីគុណលក្ខណៈតារាង Browser ជាក់លាក់។
HTML5 TABLE Element Attributes
ដូចដែលយើងបានរៀបរាប់ខាងលើមានតែមួយគុណលក្ខណៈលើសពីគុណលក្ខណៈសកលដែលមានសុពលភាពលើធាតុ HTML5 TABLE: ព្រំដែន។
គុណលក្ខណៈស៊ុមត្រូវបានប្រើដើម្បីកំណត់ស៊ុមនៅជុំវិញតារាងទាំងមូលនិងក្រឡាទាំងអស់នៅក្នុងវា។ មានសំណួរខ្លះថាតើវានឹងត្រូវបានបញ្ចូលក្នុងការបញ្ជាក់ HTML5 ប៉ុន្តែវានៅតែព្រោះវាបានផ្តល់ព័ត៌មានអំពីរចនាសម្ព័ន្ធតារាងលើសពីការជាប់ទាក់ទងនៃរចនាប័ទ្ម។
ដើម្បីបន្ថែមគុណលក្ខណៈស៊ុមអ្នកកំណត់តម្លៃ 1 ប្រសិនបើមានស៊ុមនិងទទេ (ឬបិទលក្ខណសម្បត្តិ) បើមិនមាន។ កម្មវិធីរុករកភាគច្រើននឹងគាំទ្រ 0 សម្រាប់គ្មានស៊ុមនិងតម្លៃចំនួនគត់ផ្សេងទៀត (2, 3, 30, 500, etc) ដើម្បីប្រកាសទទឹងរបស់ស៊ុមជាភីកសែលប៉ុន្តែវាលែងប្រើ HTML5 ។ ផ្ទុយទៅវិញអ្នកគួរតែប្រើលក្ខណសម្បត្តិរចនាប័ទ្មស៊ុម CSS ដើម្បីកំណត់ ទទឹង ស៊ុមនិងរចនាប័ទ្មផ្សេងទៀត។
ដើម្បីបង្កើតតារាងដែលមានស៊ុមសរសេរ:
border = "1" >
នេះជាតារាងដែលមានស៊ុម td>
tr>
table>មានលក្ខណៈ HTML 4.01 ដែលលែងប្រើក្នុង HTML5 ។ ប្រសិនបើអ្នកមានគម្រោងសរសេរឯកសារ HTML 4.01 អ្នកអាចរៀនវាបើមិនដូច្នេះទេអ្នកអាចមិនអើពើនឹងពួកវា។ ភាគច្រើននៃគុណលក្ខណៈទាំងនេះមានជម្រើសដូចដែលបានពណ៌នាខាងលើ។
យើងពិពណ៌នាអំពីគុណលក្ខណៈនៃធាតុដែលមានសុពលភាពនៅក្នុង HTML5 (និង HTML 4.01) ។ វាពិពណ៌នាអំពីគុណលក្ខណៈ TABLE ដែលមានសុពលភាពនៅក្នុង HTML 4.01 ប៉ុន្តែលែងប្រើក្នុង HTML5 ។ ប្រសិនបើអ្នកនៅតែសរសេរឯកសារ HTML 4.01 អ្នកអាចប្រើគុណលក្ខណៈទាំងនេះប៉ុន្តែភាគច្រើននៃពួកវាមានជម្រើសដែលនឹងធ្វើឱ្យទំព័ររបស់អ្នកកាន់តែច្បាស់នៅពេលអនាគតនៅពេលអ្នកផ្លាស់ទីទៅ HTML5 ។
គុណតម្លៃ HTML 4.01 គុណលក្ខណៈ
គុណលក្ខណៈដែលយើងបានពិពណ៌នាខាងលើ។
ភាពខុសគ្នាតែមួយនៅក្នុង HTML 4.01 ពី HTML5 គឺថាអ្នកអាចបញ្ជាក់លេខគំនូរ integers ទាំងអស់ (0, 1, 2, 15, 20, 200, ។ ល។ ) ដើម្បីកំណត់ទទឹងរបស់ស៊ុមជាភីកសែល។
ដើម្បីបង្កើតតារាងដែលមានស៊ុម 5px សរសេរ:
border = "5" >
តារាងនេះមានស៊ុម 5px ។ td>
tr>
table>មើលឧទាហរណ៍នៃតារាងពីរដែលមានស៊ុម។
គុណលក្ខណៈកំណត់ទំហំចន្លោះរវាងស៊ុមក្រឡានិងមាតិកានៃក្រឡា។ លំនាំដើមគឺភីកសែលពីរ។ កំណត់ការផ្ទុកក្រឡាទៅ 0 ប្រសិនបើអ្នកមិនត្រូវការចន្លោះរវាងមាតិកានិងស៊ុម។
ដើម្បីកំណត់ចន្លោះក្រឡាទៅ 20 សរសេរ:
cellding = "20" >
តារាងនេះមានការផ្ទុកក្រដាស 20 ។ td>
tr>
ស៊ុមក្រឡានឹងត្រូវបានបំបែកដោយ 20 ភីកសែល។ td>
tr>
table>មើលឧទាហរណ៍នៃតារាងជាមួយការផ្ទុកក្រឡា
គុណលក្ខណៈកំណត់ទំហំចន្លោះរវាងក្រឡាតារាងនិងមាតិកាក្រឡា។ ដូចជា cellpadding លំនាំដើមត្រូវបានកំណត់ជាពីរភីកសែលដូច្នេះអ្នកត្រូវតែកំណត់វាឱ្យ 0 ប្រសិនបើអ្នកមិនត្រូវការគម្លាតក្រឡា។
ដើម្បីបន្ថែមគម្លាតក្រឡាទៅតារាងសូមសរសេរថា:
<តារាង tablepacing = "20" >
តារាងនេះមានក្រឡាទទឹង 20 ។ td>
tr>
ក្រឡានឹងត្រូវបានបំបែកដោយ 20 ភីកសែល។ td>
tr>
table>មើលតារាងជាមួយ cellpacing
គុណលក្ខណៈកំណត់ថាផ្នែកណាមួយនៃស៊ុមជុំវិញខាងក្រៅនៃតារាងនឹងអាចមើលឃើញ។ អ្នកអាចស៊ុមតារាងរបស់អ្នកនៅលើជ្រុងទាំងបួនភាគីណាមួយកំពូលនិងបាតឆ្វេងនិងស្ដាំឬគ្មាន។
នេះគឺជា HTML សម្រាប់តារាងដែលមានស៊ុមខាងឆ្វេងប៉ុណ្ណោះ:
frame = "lhs" >
តារាងនេះ td>
នឹងមាន td>
tr>
តែប៉ុណ្ណោះ td>
ផ្នែកខាងឆ្វេងបានកំណត់។ td>
tr>
table>ហើយឧទាហរណ៍មួយផ្សេងទៀតជាមួយស៊ុមខាងក្រោម:
frame = "below" >
តារាងនេះមានស៊ុមនៅបាត។ td>
tr>
table>ពិនិត្យតារាងមួយចំនួនដែលមានស៊ុម
គុណលក្ខណៈស្រដៀងទៅនឹងគុណលក្ខណៈស៊ុមមានតែវាប៉ះពាល់ដល់ស៊ុមជុំវិញក្រឡារបស់តារាង។ អ្នកអាចកំណត់ក្បួននៅលើក្រឡាទាំងអស់រវាងជួរឈររវាងក្រុមដូចជា TBODY និង TFOOT ឬគ្មាន។
ដើម្បីបង្កើត តារាងដែលមានបន្ទាត់ រវាងជួរដេកសូមសរសេរ:
rule = "rows" >
តារាង 4x4 នេះមាន td>
ជួរដេកមិនមែនជាជួរឈរ td>
tr>
បានគូសបញ្ជាក់ជាមួយ td>
គុណលក្ខណៈច្បាប់។ td>
tr>
table>និងមួយផ្សេងទៀតដែលមានបន្ទាត់រវាងជួរឈរ:
rule = "cols" >
នេះគឺជា td>
តារាងមួយ td>
ដែល td>
tr>
ជួរឈរ td>
គឺ td>
បានបន្លិច td>
tr>
table>នេះគឺជាឧទាហរណ៍នៃតារាង aa ជាមួយនឹងច្បាប់
គុណលក្ខណៈនេះផ្តល់នូវព័ត៌មានអំពីតារាងសម្រាប់អ្នកអានអេក្រង់និងភ្នាក់ងារអ្នកប្រើផ្សេងទៀតដែលអាចមានបញ្ហាក្នុងការអានតារាង។ ដើម្បីប្រើគុណលក្ខណៈសង្ខេបអ្នកសរសេរការពិពណ៌នាសង្ខេបនៃតារាងហើយដាក់វាជាតម្លៃនៃគុណលក្ខណៈ។ សេចក្តីសង្ខេបនឹងមិនត្រូវបានបង្ហាញនៅលើទំព័របណ្ដាញនៅក្នុងកម្មវិធីរុករកបណ្ដាញស្តង់ដារភាគច្រើននោះទេ។
ខាងក្រោមនេះជារបៀបសរសេរតារាងសាមញ្ញដោយសង្ខេប:
summary = "នេះគឺជាតារាងគំរូមួយដែលផ្ទុកព័ត៌មានបន្ថែម។ គោលបំណងនៃតារាងនេះគឺដើម្បីបង្ហាញពីសេចក្ដីសង្ខេប។ " >
ជួរឈរ 1 ជួរដេក 1 td>
ជួរឈរ 2 ជួរដេក 1 td>
tr>
ជួរឈរ 1 ជួរដេក 2 td>
ជួរឈរ 2 ជួរដេក 2 td>
tr>
table>មើលតារាងមួយដែលមានសេចក្ដីសង្ខេប
គុណលក្ខណៈកំណត់ទទឹងរបស់តារាងក្នុងភីកសែលឬជាភាគរយនៃធាតុធុង។ ប្រសិនបើទទឹងមិនត្រូវបានកំណត់នោះតារាងនឹងយកតែទំហំច្រើនតាមតម្រូវការរបស់វាដើម្បីបង្ហាញមាតិកាដែលមានទទឹងអតិបរិមាដូចគ្នានឹងទទឹងរបស់ធាតុមេ។
ដើម្បីបង្កើតតារាងដែលមានទទឹងជាក់លាក់មួយជាភីកសែលសូមសរសេរ:
< width តារាង = "300" >
តារាងនេះគឺ 80% នៃទទឹងនៃធុងដែលវាស្ថិតនៅ។ td>
tr>
table>ហើយដើម្បីបង្កើតតារាងដែលមានទទឹងដែលជាភាគរយនៃធាតុមេចូរសរសេរថា:
< width តារាង = "80%" >
តារាងនេះគឺ 80% នៃទទឹងនៃធុងដែលវាស្ថិតនៅ។ td>
tr>
table>មើលឧទាហរណ៍នៃតារាងដែលមានទទឹង
គុណលក្ខណៈតារាង HTML 4.01 មិនត្រូវបានកំណត់
មានគុណលក្ខណៈមួយនៃធាតុ TABLE ដែលត្រូវបានបដិសេធនៅក្នុង HTML 4.01 និងលែងប្រើក្នុង HTML5: តម្រឹម ។ គុណលក្ខណៈនេះអនុញ្ញាតឱ្យអ្នកកំណត់កន្លែងដែលតារាងគួរតែស្ថិតនៅលើទំព័រដែលទាក់ទងទៅនឹងអត្ថបទដែលនៅក្បែរវា។ គុណលក្ខណៈនេះត្រូវបានបដិសេធនៅក្នុង HTML 4.01 ហើយអ្នកគួរតែចៀសវាងប្រើវា។ ផ្ទុយទៅវិញអ្នកគួរតែប្រើលក្ខណសម្បត្តិ CSS ឬរឹមខាងឆ្វេង: auto; និងរឹមខាងស្តាំ: auto; រចនាប័ទ្ម។ លក្ខណសម្បត្តិទសភាគផ្តល់ឱ្យអ្នកនូវលទ្ធផលដែលនៅជិតអ្វីដែលគុណលក្ខណៈតម្រឹមដែលបានផ្ដល់ប៉ុន្តែវាអាចប៉ះពាល់ដល់មាតិកានៅសល់របស់មាតិកាទំព័រ។ រឹមស្តាំ: auto; និងរឹមឆ្វេង: auto; គឺជាអ្វីដែល W3C ផ្តល់អនុសាសន៍ជាជម្រើស។
នេះគឺជាឧទាហរណ៍ដែលមិនត្រូវបានប្រើដោយប្រើគុណលក្ខណៈតម្រឹម:
<តារាង align = "right" >
តារាងនេះត្រូវបានតម្រឹមស្តាំ td>
tr>
អត្ថបទហូរនៅជុំវិញវាទៅខាងឆ្វេង td>
tr>
table>មើលឧទាហរណ៍ដែលមិនត្រូវបានប្រើដោយប្រើគុណលក្ខណៈតម្រឹម។
ហើយដើម្បីទទួលបានប្រសិទ្ធិភាពដូចគ្នានឹង HTML ដែលត្រឹមត្រូវ (មិនមានការទាត់ទុក) សូមសរសេរ:
< style table = "float: right;" >
តារាងនេះត្រូវបានតម្រឹមស្តាំ td>
tr>
អត្ថបទហូរនៅជុំវិញវាទៅខាងឆ្វេង td>
tr>
table>គុណសម្បត្តិខាងក្រោមនេះពន្យល់ពី TABLE ដែលមិនមែនជាផ្នែកនៃការបញ្ជាក់ HTML ណាមួយ។
ព័ត៌មានពីមុនពិពណ៌នាគុណលក្ខណៈនៃធាតុ HTML ដែលមានសុពលភាពនៅក្នុង HTML 4.01 ប៉ុន្តែវាលែងប្រើក្នុង HTML5 ។
ខាងក្រោមពណ៌នាអំពីគុណលក្ខណៈ TABLE ដែលមិនមានសុពលភាពក្នុងការបញ្ជាក់បច្ចុប្បន្ន។ ប្រសិនបើអ្នកមិនខ្វល់ថាទំព័ររបស់អ្នកមានសុពលភាពទេហើយអ្នកប្រើរបស់អ្នកប្រើកម្មវិធីរុករកដែលគាំទ្រធាតុទាំងនេះនោះអ្នកអាចប្រើធាតុទាំងនេះ។ ប៉ុន្ដែភាគច្រើននៃពួកវាគឺមិនត្រូវបានគាំទ្រក្នុងកម្មវិធីរុករកទំនើបឬមានជម្មើសជំនួសដែលមានលក្ខណៈស្តង់ដារច្រើនទៀត។
យើងមិនណែនាំឱ្យប្រើគុណលក្ខណៈទាំងនេះ នៅលើតារាង HTML របស់អ្នកទេ។
គុណលក្ខណៈគឺជាគុណលក្ខណៈចាស់ដែលត្រូវបានរួមបញ្ចូលមុនពេល CSS ត្រូវបានគាំទ្រយ៉ាងទូលំទូលាយ។ វាអនុញ្ញាតឱ្យអ្នកផ្លាស់ប្តូរពណ៌ផ្ទៃខាងក្រោយនៃតារាង។ អ្នកអាចកំណត់ឈ្មោះពណ៌ឬលេខកូដគោលដប់ប្រាំមួយ។ គុណលក្ខណៈនេះនៅតែដំណើរការនៅក្នុងកម្មវិធីរុករកច្រើនប៉ុន្តែសម្រាប់ HTML ដែលត្រូវបានបញ្ជាក់នៅពេលអនាគតអ្នកមិនគួរប្រើវាទេហើយប្រើ CSS ជំនួសវិញ។
ជម្រើសប្រសើរជាងមុនទៅនឹងគុណលក្ខណៈនេះគឺជារចនាប័ទ្មរចនាប័ទ្ម។
ដើម្បីប្តូរពណ៌ផ្ទៃខាងក្រោយនៃតារាងសូមសរសេរ:
style = "background-color: #ccc;" >
តារាងនេះមានផ្ទៃខាងក្រោយពណ៌ប្រផេះ td>
tr>
table>ស្រដៀងទៅនឹងគុណលក្ខណៈ bgcolor គុណលក្ខណៈ borderercolor អនុញ្ញាតឱ្យអ្នកផ្លាស់ប្ដូរពណ៌នៃគុណលក្ខណៈ។ គុណលក្ខណៈនេះត្រូវបានគាំទ្រដោយ Internet Explorer តែប៉ុណ្ណោះ។ ផ្ទុយទៅវិញអ្នកគួរតែប្រើលក្ខណសម្បត្តិរចនាប័ទ្មស៊ុម។
ដើម្បីផ្លាស់ប្តូរពណ៌នៃស៊ុមតារាងរបស់អ្នកសូមសរសេរ:
style = "border-color: red;" >
តារាងនេះមានស៊ុមពណ៌ក្រហម។ td>
tr>
table>គុណលក្ខណៈ bordercolorlight និង bordercolordark ត្រូវបានរួមបញ្ចូលនៅក្នុង Internet Explorer ដើម្បីអនុញ្ញាតឱ្យអ្នកបង្កើតស៊ុម 3D នៅជុំវិញតុរបស់អ្នក។ ទោះបីជា IE8 និងខ្ពស់ជាងនេះក៏ដោយក៏វាត្រូវបានគាំទ្រនៅក្នុង របៀបស្តង់ដារ IE7 និង Quirks Mode ប៉ុណ្ណោះ។ ក្រុមហ៊ុន Microsoft បានបញ្ជាក់ថាលក្ខណៈសម្បត្តិទាំងនេះមិនត្រូវបានគាំទ្រទៀតទេ។
ក្នុងរយៈពេលខ្លីគុណលក្ខណៈមានតម្លៃនៅលើធាតុ TABLE ត្រូវបានគេស្នើឱ្យជួយឱ្យកម្មវិធីរុករកដឹងពីចំនួនជួរឈរដែលមានតារាង។ ការសន្និដ្ឋានគឺថានេះនឹងជួយបង្កើនល្បឿនការបង្ហាញតារាងធំ ៗ ។ ទោះជាយ៉ាងណាក៏ដោយវាត្រូវបានអនុវត្តដោយ Internet Explorer តែប៉ុណ្ណោះហើយចាប់ពី IE8 ឡើងទៅវាត្រូវបានគាំទ្រតែនៅក្នុងរបៀបស្តង់ដារ IE7 និង Quirks Mode ប៉ុណ្ណោះ។
ដោយសារតែមានគុណលក្ខណៈទទឹង (លែងប្រើក្នុង HTML5) មនុស្សជាច្រើនបានសន្មតថាមានគុណលក្ខណៈកម្ពស់សម្រាប់តារាងផងដែរ។ ប៉ុន្តែដោយសារតែតារាងអនុលោមតាមទទឹងនៃមាតិការបស់ពួកគេឬទទឹងដែលបានកំណត់នៅក្នុងគុណលក្ខណៈ CSS ឬទទឹងកម្ពស់មិនអាចត្រូវបានដាក់កម្រិត។ ដូច្នេះជំនួសវិញ, កម្មវិធីរុករកបានអនុញ្ញាតគុណលក្ខណៈកម្ពស់ដើម្បីកំណត់កម្ពស់អប្បបរមានៃតារាង។ ប្រសិនបើតារាងនេះខ្ពស់ជាងកំពស់នោះវានឹងបង្ហាញឡើងខ្ពស់។ ប៉ុន្តែអ្នកគួរប្រើទ្រព្យសម្បត្តិ
ជាមួយលក្ខណសម្បត្តិកម្ពស់ CSS អ្នកអាចទប់ស្កាត់កម្ពស់ប្រសិនបើអ្នកប្រើលក្ខណសម្បត្តិ CSS ផងដែរដើម្បីកំណត់ថាតើមានអ្វីកើតឡើងជាមួយមាតិកាលើស។
ដើម្បីកំណត់កម្ពស់អប្បបរមានៅលើតុសូមសរសេរ:
style = "height: 30em"; >
តារាងនេះយ៉ាងហោចណាស់ 30 នាក់ខ្ពស់។ td>
tr>
table>គុណលក្ខណៈទាំងពីរនិងចន្លោះបន្ថែមនៅខាងឆ្វេង / ស្តាំ (hspace) និងកំពូល / បាត (vspace) នៃតារាង។ អ្នកគួរតែប្រើលក្ខណសម្បត្តិរចនាប័ទ្មជំនួសវិញ។
ដើម្បីកំណត់ទំហំបញ្ឈរទៅ 20 ភីចសែលនិងទំហំផ្ដេកទៅ 40 ភីកសែលសូមសរសេរ:
< style table = "margin: 20px 40px;"
តារាងនេះមាន vspace 20 ភីកសែលនិង hspace 40 ភីកសែល។ td>
tr>
table>គុណលក្ខណៈគឺជាគុណលក្ខណៈប៊ូលីនដែលកំណត់ថាតើមាតិការបស់តារាងគួររុំនៅគែមរបស់ធាតុមេឬបង្អួចឬបង្ខំរមូរផ្ដេក។ ផ្ទុយទៅវិញអ្នកគួរតែកំណត់លក្ខណៈរុំនៃក្រឡានីមួយៗដោយប្រើលក្ខណសម្បត្តិ CSS ។
ដើម្បីបង្កើតជួរឈរដែលមិនរុំអត្ថបទច្រើនសូមសរសេរ:
<តារាង>
style = "white-space: nowrap;" > នេះគឺជាជួរឈរដែលមានមាតិកាច្រើន។ ប៉ុន្តែទោះបីជាវាធំជាងកុងតឺន័រក៏ដោយអត្ថបទមិនគួររុំទៅបន្ទាត់បន្ទាប់ទេប៉ុន្តែបង្ខំឱ្យបង្អួចកម្មវិធីរុករករមូរដើម្បីមើលមាតិកាទាំងអស់។ td>
tr>
table>ជាចុងក្រោយគុណលក្ខណៈកំណត់របៀបដែលមាតិកានៃក្រឡានីមួយៗត្រូវតម្រឹមបញ្ឈរនៅក្នុងក្រឡា។ ជំនួសឱ្យគុណលក្ខណៈមិនត្រឹមត្រូវនេះអ្នកគួរតែប្រើលក្ខណសម្បត្តិ CSS នៅលើក្រឡានីមួយៗដែលអ្នកចង់ផ្លាស់ប្តូរការតម្រឹម។ អ្នកនឹងមិនកត់សម្គាល់បែបផែននៃរចនាប័ទ្មនេះទេលុះត្រាតែមាតិការបស់ក្រឡាមានតិចជាងទំហំដែលអាចបង្កើតបានដោយកោសិកាធំ ៗ ផ្សេងទៀត។
ដើម្បីបង្ខំក្រឡាឱ្យតម្រឹមបាត (ជំនួសឱ្យកណ្តាលជាលំនាំដើម) សូមសរសេរ:
<តារាង>
ក្រឡានេះវែងជាងសល់ហើយដូច្នេះនឹងបង្ខំកម្ពស់ឱ្យខ្ពស់។ ដូច្នេះអ្នកនឹងឃើញកោសិកាតម្រឹមបញ្ឈរត្រូវបានតម្រឹមទៅបាត។ td>
style = "បញ្ឈរតម្រឹម: បាត;" > មាតិកានៅខាងក្រោម។ td>
មាតិកានៅកណ្តាល។ td>
tr>
table>