ការយល់អំពីភាពស្អាតរបស់ CSS

លក្ខណសម្បត្តិ CSS ច្បាស់លាស់ជាផ្នែកមួយនៃ CSS ចាប់តាំងពី CSS1 ។ វាអនុញ្ញាតឱ្យអ្នកបញ្ជាក់អ្វីដែលធាតុអាចអណ្តែតនៅក្បែរធាតុដែលបានជម្រះហើយនៅផ្នែកណាមួយ។ លក្ខណៈសម្បត្តិច្បាស់លាស់មាន 5 តម្លៃដែលអាចទៅរួច:

របៀបប្រើប្រាស់លក្ខណសម្បត្តិរបស់ CSS

វិធីសាមញ្ញបំផុតដើម្បីប្រើលក្ខណៈសម្បត្តិច្បាស់លាស់គឺបន្ទាប់ពីអ្នកបានប្រើលក្ខណសម្បត្តិទសភាគលើធាតុ។ ឧទាហរណ៍:

អត្ថបទនៅជាប់រូបភាពរបស់ខ្ញុំ។

អត្ថបទដែលនៅខាងក្រោមរូបរបស់ខ្ញុំ។

ធាតុទាំងអស់លំនាំដើមដើម្បីជម្រះ: គ្មានទេ។ ដូច្នេះប្រសិនបើអ្នកមិនចង់ឱ្យធាតុផ្សេងទៀតអណ្ដែតក្បែរអ្វីមួយនោះអ្នកត្រូវតែផ្លាស់ប្តូររចនាប័ទ្មច្បាស់លាស់។

នៅពេលអ្នកកំពុងសម្អាតអណ្ដែតអញ្ចឹងអ្នកផ្គូផ្គងវត្ថុរបស់អ្នកឱ្យបានច្បាស់។ ដូច្នេះប្រសិនបើអ្នកអណ្តែតធាតុនៅខាងឆ្វេងបន្ទាប់មកអ្នកគួរតែលាតសន្ធឹងទៅខាងឆ្វេង។ ធាតុដែលអណ្ដែតរបស់អ្នកនឹងបន្តអណ្ដែតប៉ុន្តែធាតុដែលបានសម្អាតហើយអ្វីគ្រប់យ៉ាងបន្ទាប់ពីវានឹងបង្ហាញនៅខាងក្រោមវានៅលើទំព័រវ៉េប។

ប្រសិនបើអ្នកមានធាតុដែលត្រូវបានអណ្ដែតទៅខាងស្ដាំនិងទៅឆ្វេងអ្នកអាចជម្រះតែម្ខាងឬអ្នកអាចជម្រះទាំងពីរ។

ប្រើច្បាស់លាស់ក្នុងប្លង់

វិធីសាមញ្ញបំផុតដែលអ្នករចនាភាគច្រើនប្រើលក្ខណៈច្បាស់លាស់គឺ នៅក្នុងប្លង់នៃធាតុទំព័រ ។ អ្នកអាចមាន រូបភាពអណ្តែតនៅក្នុងប្លុកនៃអត្ថបទ ហើយចង់ឱ្យកថាខណ្ឌបន្ទាប់ចាប់ផ្តើមក្រោមរូបភាពឬអ្នកអាចមានជួរឈរទាំងមូលនៃអត្ថបទដែលអ្នកចង់អណ្ដែតនៅក្បែរអត្ថបទ bunch ផ្សេងទៀតដោយអត្ថបទមួយចំនួនលេចឡើងខាងក្រោម។

នេះជា HTML សម្រាប់ប្លង់ក្នុងទម្រង់នេះ។

វាមានកុងតឺន័រមួយផ្ទុកមួយផ្សេងទៀតដែលត្រូវបានអណ្តែតទៅខាងឆ្វេង។



បំណែកអណ្តែតខ្លី



មាតិកានៅខាងក្នុងផ្នែកកុងតឺន័រដែលនឹងនៅខាងស្តាំនៃលេខដាប់អណ្តែត។

វានឹងធ្វើការយ៉ាងរលូនដោយប្រើបង្គោលខ្លីដែលអណ្តែតទៅខាងឆ្វេងនៃមាតិការនៃវត្ថុសំខាន់។

អ្នកអាចសម្អាតអត្ថបទនៅជាប់ប្រអប់បណ្តែតដោយគ្រាន់តែបន្ថែមស្លាកមួយដែលអ្នកចង់ឱ្យវាចាប់ផ្តើមសរសេរនៅក្រោមប្រអប់អណ្តែត។

ប៉ុន្តែបញ្ហាកើតឡើងនៅពេលដែលប្រអប់អណ្តែតវែងជាងមាតិកានៅជិតវា។ បន្ទាប់មកដូចដែលអ្នកអាចឃើញពណ៌ផ្ទៃខាងមុខនៃប្រអប់មេមិនត្រូវបានដាក់ទៅបាតនៃប្រអប់អណ្តែតទេ។

សំណាងល្អមានមធ្យោបាយងាយស្រួលក្នុងការជួសជុលនេះ: ទ្រព្យសម្បត្តិ។ ដោយការកំណត់ប្រអប់មេទៅការហូរច្រត់: auto; ពណ៌ផ្ទៃខាងក្រោយ នឹងនៅជាប់ប្រអប់ប្រអប់អណ្តែតវែងជាងទៅបាតខាងក្រោមដូចបង្ហាញក្នុង ឧទាហរណ៍នេះ