សម្រាប់មេរៀនជាច្រើនឥឡូវនេះ យើងបាននិងកំពុងទទួលបានភាពស្មុគ្រស្មាញជាងមុនជាមួយនឹងការធ្វើទ្រង់ទ្រាយអត្ថបទដោយប្រើ CSS ហើយពេលនេះយើងកំពុងរៀនពីរបៀបផ្លាស់ប្តូរករណីនៃអត្ថបទ។ ក្នុងន័យនេះ សន្លឹករចនាប័ទ្មល្បាក់បើកឱកាសយ៉ាងទូលំទូលាយសម្រាប់យើង ហើយដើម្បីឱ្យកាន់តែច្បាស់លាស់ យើងអាច៖
- បង្ហាញអត្ថបទទាំងអស់ជាអក្សរធំ;
- ជ្រើសរើសអត្ថបទទាំងអស់ជាអក្សរតូច។
- ត្រូវប្រាកដថាអក្សរទីមួយនៃពាក្យនីមួយៗចាប់ផ្តើមដោយអក្សរធំ។
"នេះជាការល្អទាំងអស់ ពិតណាស់ ប៉ុន្តែតើវាត្រូវការនៅពេលណា?" - អ្នកសួរ។ តោះស្រមៃមើលស្ថានភាពដែលអ្នកត្រូវបង្ហាញធាតុម៉ឺនុយទាំងអស់ជាអក្សរធំ។ ដើម្បីធ្វើដូច្នេះ វាមិនចាំបាច់ក្នុងការវាយបញ្ចូលពួកវា រួមទាំងគ្រាប់ចុច CapsLock ឬខណៈពេលសង្កត់ប៊ូតុង Shift នោះទេ។ វានឹងគ្រប់គ្រាន់ដើម្បីកំណត់ធាតុបញ្ជីទាំងអស់ឱ្យបង្ហាញជាអក្សរធំដោយបង្កើតច្បាប់ដែលត្រូវគ្នានៅក្នុងឯកសារ CSS ។ ហើយនេះគ្រាន់តែជាស្ថានភាពមួយក្នុងចំណោមស្ថានភាពដែលអាចកើតមានជាច្រើន។
អត្ថបទ - ផ្លាស់ប្តូរទ្រព្យសម្បត្តិយើងនឹងគ្រប់គ្រងករណីនៃអត្ថបទដោយប្រើលក្ខណសម្បត្តិបំប្លែងអត្ថបទ។ វាមាន 4 តម្លៃសំខាន់ៗ - អក្សរធំ (អក្សរធំ) អក្សរតូច (អក្សរតូច) អក្សរធំ (អក្សរធំសម្រាប់អក្សរទីមួយនីមួយៗនៃពាក្យ តម្លៃផ្សេងទៀតមិនផ្លាស់ប្តូរ) គ្មាន (ការធ្វើទ្រង់ទ្រាយមិនត្រូវបានអនុវត្ត) . នៅ glance ដំបូង, ទាំងអស់នេះហាក់ដូចជាស្មុគស្មាញខ្លាំងណាស់សម្រាប់អ្នក។
រឿងសំខាន់គឺកុំភ័យស្លន់ស្លោ...
ប៉ុន្តែនៅក្នុងការអនុវត្តអ្វីគ្រប់យ៉ាងគឺសាមញ្ញណាស់, ដូចដែលអ្នកនឹងឃើញឥឡូវនេះ។ រឿងចំបងគឺជ្រើសរើសឧបករណ៍ជ្រើសរើសត្រឹមត្រូវពីព្រោះតម្លៃនៃលក្ខណៈសម្បត្តិផ្លាស់ប្តូរអត្ថបទត្រូវបានទទួលមរតក។
សរសេរអក្សរធំជាដំបូងខ្ញុំស្នើឱ្យកំណត់អត្ថបទទាំងអស់ទៅជាអក្សរធំ ដែលយើងបង្កើតច្បាប់ CSS ខាងក្រោម៖
តួ (អត្ថបទ-បំលែង៖ អក្សរធំ;)
ជាគោលការណ៍មិនមានអ្វីស្មុគស្មាញទេ យើងគ្រាន់តែប្រើតម្លៃអក្សរធំប៉ុណ្ណោះ។ ដូចដែលពួកគេនិយាយ អ្វីគ្រប់យ៉ាងគឺវិចារណញាណ។ នេះជាអ្វីដែលមើលទៅក្នុងជីវិតពិត៖
ទាំងអស់ដែលមានអក្សរធំ... អក្សរតូច - អនុវត្តចំពោះទាំងអស់។
ជំហានបន្ទាប់គឺត្រូវអនុវត្តអក្សរតូចនៅគ្រប់ទីកន្លែងដោយសរសេរដូចខាងក្រោម៖
តួ (អត្ថបទ-បំលែង៖ អក្សរតូច;)
ដូចដែលអ្នកប្រហែលជាបានទាយរួចហើយ អត្ថន័យពីរដែលយើងទើបតែបានជួបគឺក្នុងកម្រិតមួយចំនួននៃអនាមិក។ ហើយនៅក្នុងរូបភាពខាងក្រោម អ្នកអាចមើលឃើញលទ្ធផលនៃទ្រព្យសម្បត្តិដែលបានបង្កើតថ្មី។
គេហទំព័រដែលមានអក្សរតូចត្រូវបានបើក យើងរំលេចអក្សរទីមួយនៃពាក្យនីមួយៗជាអក្សរធំ
ដើម្បីធ្វើដូចនេះយើងគ្រាន់តែត្រូវប្រើតម្លៃដែលត្រូវគ្នា៖
តួអត្ថបទ (អត្ថបទ-បំលែង៖ អក្សរធំ;)
ខ្ញុំមិនដឹងថាតើអ្នកនឹងប្រើច្បាប់ CSS បែបនេះញឹកញាប់ប៉ុណ្ណានោះទេ ប៉ុន្តែវានឹងមិនធ្វើឱ្យអ្នកឈឺចាប់ក្នុងការដឹងអំពីលទ្ធភាពបែបនេះទេ ជាពិសេសនៅពេលដោះស្រាយបញ្ហាដែលមិនមែនជារឿងតូចតាច។ លទ្ធផលអាចមើលឃើញនៅក្នុងរូបភាពខាងក្រោម។
អត្ថបទបន្ទាប់ពីប្រើអក្សរធំ
ជាចុងក្រោយ សូមក្រឡេកមើលតម្លៃចុងក្រោយបង្អស់ - គ្មាន។ ដូចដែលខ្ញុំបាននិយាយរួចហើយ វាអាចត្រូវបានប្រើដើម្បីលុបចោលមរតកពីឪពុកម្តាយ។ ជាឧទាហរណ៍ សូមស្រមៃថាយើងមានច្បាប់ពីមុនទាំងអស់ជាធរមាន ហើយសម្រាប់កថាខណ្ឌដែលយើងគួរលុបចោលវា សម្រាប់ការនេះ យើងសរសេរដូចខាងក្រោម៖
P (បំលែងអត្ថបទ៖ គ្មាន;)
ខ្ញុំហ៊ានសន្មត់ថាអ្វីគ្រប់យ៉ាងគឺច្បាស់សម្រាប់អ្នកប្រសិនបើមិនសួរសំណួររបស់អ្នកនៅក្នុងមតិយោបល់។ ហើយនោះជាអ្វីទាំងអស់សម្រាប់ខ្ញុំ។ ខ្ញុំសង្ឃឹមថាការបង្រៀន CSS នេះមានប្រយោជន៍សម្រាប់អ្នក។ បើដូច្នេះ៖
- បង្ហោះអត្ថបទនេះឡើងវិញនៅលើបណ្តាញសង្គមដើម្បីឱ្យមនុស្សកាន់តែច្រើនអាចទទួលបានអត្ថប្រយោជន៍ពីវា;
- ជាវព្រឹត្តិប័ត្រព័ត៌មានរបស់ខ្ញុំ ដើម្បីកុំឱ្យខកខានការបង្ហោះប្លុកដែលមានប្រយោជន៍ និងគួរឱ្យចាប់អារម្មណ៍។
នេះជាកន្លែងដែលខ្ញុំមិននិយាយលាអ្នក។ សូមអរគុណចំពោះការយកចិត្តទុកដាក់របស់អ្នក ហើយជួបគ្នានៅក្នុងការបោះពុម្ពផ្សាយបន្ទាប់!
បំប្លែងអក្សរតូចទៅជាអក្សរតូច និងអក្សរធំដំបូងដោយប្រើ CSS(8)
មិនមានជម្រើស cap clause នៅក្នុង CSS ទេ។ ចម្លើយផ្សេងទៀតដែលណែនាំការបំប្លែងអត្ថបទ៖ អក្សរធំគឺមិនត្រឹមត្រូវទេ ដោយសារជម្រើសនេះប្រើ រាល់ពាក្យសម្រាប់គ្រប់ពាក្យ .
នៅទីនេះ ឈ្លើយវិធីធ្វើនេះគឺប្រសិនបើអ្នកចង់ឱ្យអក្សរទីមួយនៃធាតុនីមួយៗក្លាយជាអក្សរធំ ប៉ុន្តែនោះពិតជាគ្មានកន្លែងណានៅជិតការរឹតបន្តឹងពិតប្រាកដទេ៖
P ( text-transform: អក្សរតូច;) p: first-letter ( text-transform: uppercase; )
នេះជាប្រយោគគំរូ។
នេះជាប្រយោគឧទាហរណ៍មួយទៀត។
ហើយនេះគឺជាមួយផ្សេងទៀត ប៉ុន្តែវានឹងមានកម្រិតទាបទាំងស្រុង។
តើធ្វើដូចម្តេចដើម្បីបំប្លែងអក្សរ UPPERCASE ទៅជាអក្សរតូច និងអក្សរធំដំបូងសម្រាប់ប្រយោគនីមួយៗ ដូចបង្ហាញខាងក្រោមដោយប្រើតែ CSS?
ពី៖ នេះជាកម្មវិធីគំរូ។
ទៅ៖ នេះជាប្រយោគប្រហាក់ប្រហែល។
អាប់ដេត៖ ពេលខ្ញុំប្រើ text-transform: capize; លទ្ធផលគឺនៅតែដដែល។
អ្នកមិនអាចធ្វើវាដោយ CSS បានទេ។ មានគុណលក្ខណៈបំប្លែងអត្ថបទ ប៉ុន្តែវាទទួលយកតែគ្មាន អក្សរធំ អក្សរធំ អក្សរតូច និងទទួលមរតក។
អ្នកប្រហែលជាចង់រកមើលដំណោះស្រាយ JS ឬដំណោះស្រាយខាងម៉ាស៊ីនមេ។
ប្រសិនបើអ្នកអាចដាក់អក្សរតូចទាំងអស់នៅលើម៉ាស៊ីនមេ នោះអ្នកអាចអនុវត្តបាន៖
Text-transform: អក្សរធំ
ប្រសិនបើអ្នកចង់ប្រើសម្រាប់វានឹងមិនដំណើរការសម្រាប់ឬ textarea អ្នកត្រូវប្រើ Javascript
មុខងារ capitaliseName() ( var str = document.getElementById("name").value; document.getElementById("name").value = str.charAt(0).toUpperCase() + str.slice(1); )
ដែលគួរដំណើរការល្អសម្រាប់ ឬ