បង្កើតមាតិការដែលអាចរំលាយបាននៅក្នុង HTML5 និង CSS3 ដោយគ្មានម៉ាឃីត

អ្នកដែលបានសរសេរ HTML អស់រយៈពេលជាយូរមកហើយអាចចងចាំធាតុនេះ។ នេះជាធាតុកម្មវិធីរុករកជាក់លាក់ដែលបានបង្កើតផ្ទាំងបដានៃអត្ថបទរមូរនៅលើអេក្រង់។ ធាតុនេះមិនត្រូវបានបន្ថែមទៅការ បញ្ជាក់ HTML និងការគាំទ្រសម្រាប់វាប្រែប្រួលយ៉ាងទូលំទូលាយនៅទូទាំងកម្មវិធីរុករក។ ជារឿយៗមនុស្សមានគំនិតខ្លាំង ៗ អំពីការប្រើធាតុនេះ - ទាំងវិជ្ជមាននិងអវិជ្ជមាន។ ប៉ុន្តែមិនថាអ្នកចូលចិត្តឬស្អប់វាទេវាមានគោលបំណងធ្វើឱ្យមាតិកាដែលហួសព្រំដែនប្រអប់អាចមើលឃើញ។

ផ្នែកមួយនៃហេតុផលដែលវាមិនត្រូវបានអនុវត្តយ៉ាងពេញលេញដោយកម្មវិធីរុករកក្រៅពីគំនិតផ្ទាល់ខ្លួនរឹងមាំនោះគឺថាវាត្រូវបានគេចាត់ទុកថាជាបែបផែនដែលមើលឃើញហើយដូច្នេះវាមិនគួរត្រូវបានកំណត់ដោយ HTML ដែលកំណត់រចនាសម្ព័ន្ធ។ ផ្ទុយទៅវិញបែបផែនមើលឃើញឬការបង្ហាញគួរតែត្រូវបានគ្រប់គ្រងដោយ CSS ។ និង CSS3 បន្ថែមម៉ូឌុល marquee ដើម្បីត្រួតពិនិត្យរបៀបដែលកម្មវិធីរុករកបន្ថែម ប្រសិទ្ធិភាព marquee ទៅធាតុ។

លក្ខណៈ CSS3 ថ្មីៗ

CSS3 បន្ថែម លក្ខណៈសម្បត្តិថ្មី ចំនួនប្រាំដើម្បីជួយគ្រប់គ្រងរបៀបដែលមាតិការបស់អ្នកបង្ហាញនៅលើស្លាក: រចនាប័ទ្មលើសលប់, រចនាប័ទ្ម marquee, រាប់សិល្បះ - រាប់, សញ្ញាក្បៀស - និងល្បឿនសម្លេង។

រចនាប័ទ្មលើសចំណុះ
លក្ខណសម្បត្តិលើសលប់ (ដែលខ្ញុំបានពិគ្រោះក្នុងអត្ថបទ CSS Overflow) កំណត់រចនាប័ទ្មដែលពេញចិត្តសម្រាប់មាតិកាដែលហួសប្រមាណប្រអប់មាតិកា។ ប្រសិនបើអ្នកកំណត់តម្លៃទៅបន្ទាត់ដឺនឬសញ្ញាសម្គាល់រារាំងមាតិការបស់អ្នកនឹងរុញទៅខាងឆ្វេង / ស្តាំ (បន្ទាត់ឈរ) ឬឡើងលើ / ចុះក្រោម (marquee-block) ។

រចនាប័ទ្ម marquee
លក្ខណសម្បត្តិនេះកំណត់របៀបដែលមាតិកានឹងផ្លាស់ទីទៅក្នុងទិដ្ឋភាព (និងចេញ) ។

ជម្រើសគឺរមូរស្លាយនិងផ្លាស់ប្តូរ។ រមូរចាប់ផ្តើមជាមួយនឹងមាតិកាបិទអេក្រង់ហើយបន្ទាប់មកវាផ្លាស់ទីនៅទូទាំងតំបន់ដែលមើលឃើញរហូតដល់វាត្រូវបានបិទទាំងស្រុងបិទអេក្រង់ម្តងទៀត។ ស្លាយចាប់ផ្តើមជាមួយនឹងមាតិកាទាំងស្រុងបិទអេក្រង់ហើយបន្ទាប់មកវាផ្លាស់ទីនៅទូទាំងរហូតដល់មាតិកាបានផ្លាស់ទីពេញលេញនៅលើអេក្រង់និងមិនមានមាតិកាបន្ថែមទៀតបានចាកចេញដើម្បីរុញនៅលើអេក្រង់។

ជាចុងក្រោយអ្នកជំនួសបានលោតមាតិកាពីចំហៀងទៅម្ខាងដោយរុញទៅក្រោយ។

លេខសម្គាល់ marquee លេង
គុណវិបត្តិមួយក្នុងការប្រើប្រាស់ធាតុម៉ាឃីអេគឺថាឧបករណ៍សម្គាល់មិនឈប់ទេ។ ប៉ុន្តែជាមួយរចនាប័ទ្ម marquee-play-count រចនាប័ទ្មអ្នកអាចកំណត់សញ្ញាសម្គាល់ដើម្បីបង្វិលមាតិកានៅលើនិងបិទសម្រាប់ចំនួនជាក់លាក់នៃដង។

សញ្ញាតម្រង់ទិស
អ្នកក៏អាចជ្រើសទិសដែលមាតិកាគួររមូរនៅលើអេក្រង់។ តម្លៃដែលឆ្ពោះទៅមុខនិងបញ្ច្រាសគឺអាស្រ័យលើទិសដៅនៃអត្ថបទនៅពេលដែលរចនាប័ទ្មហូរហែគឺបន្ទាត់ត្រង់ហើយឡើងលើឬចុះក្រោមនៅពេលដែលរចនាប័ទ្មលើសចំណុះគឺជាសញ្ញាសម្គាល់។

ព័ត៌មានលំអិតម៉ាក្រូ

រចនាប័ទ្មលើសចំណុះ ទិសភាសា ទៅមុខ បញ្ច្រាស
marquee-line ltr ឆ្វេង សិទ្ធិ
rtl សិទ្ធិ ឆ្វេង
សញ្ញាសម្គាល់ ឡើង ចុះក្រោម

ល្បឿនលឿន
លក្ខណសម្បត្តិនេះកំណត់ពីរបៀបដែលមាតិការមូរនៅលើអេក្រង់ឆាប់រហ័ស។ តម្លៃគឺយឺត, ធម្មតានិងឆាប់រហ័ស។ ល្បឿនជាក់លាក់អាស្រ័យលើមាតិកានិងកម្មវិធីរុករកដែលបង្ហាញវាប៉ុន្តែតម្លៃត្រូវតែយឺតយឺតជាងធម្មតាដែលយឺតជាងល្បឿន។

ការគាំទ្រកម្មវិធីរុករកនៃលក្ខណៈសម្បត្តិម៉ាក្រូ

អ្នកប្រហែលជាត្រូវប្រើ បុព្វបទអ្នកលក់ ដើម្បីទទួលបានធាតុចំណុចសម្គាល់ CSS ដើម្បីដំណើរការ។ ពួកគេមានដូចខាងក្រោម:

CSS3 បុព្វបទអ្នកលក់
overflow-x: marquee-line; overflow-x: -webkit-marquee;
រចនាប័ទ្ម marquee -webkit-marquee-style
លេខសម្គាល់ marquee លេង -webkit-marquee-repeetition
marquee ទិសដៅ: ទៅមុខ | បញ្ច្រាស; -webkit-marquee ទិស: forwardward ថយក្រោយ;
ល្បឿនលឿន -webkit-marquee-speed
គ្មានសមមូល -webkit-marquee-increment

លក្ខណសម្បត្តិចុងក្រោយអនុញ្ញាតឱ្យអ្នកកំណត់ពីរបៀបដែលជំហានតូចឬតូចគួរមាននៅពេលដែលមាតិការមូរនៅលើអេក្រង់។

ដើម្បីឱ្យការងាររបស់អ្នកមានប្រសិទ្ធិភាពអ្នកគួរដាក់អ្នកដាក់បុព្វបទតម្លៃជាមុនសិនហើយបន្ទាប់មកធ្វើតាមពួកវាជាមួយតម្លៃបញ្ជាក់ CSS3 ។ ឧទាហរណ៍ទីនេះគឺ CSS សម្រាប់សញ្ញាសម្គាល់ដែលរមូរអត្ថបទប្រាំដងពីឆ្វេងទៅស្តាំក្នុងប្រអប់ 200x50 ។

{
ទទឹង: 200 ភីក; កម្ពស់: 50 ភីក; white-space: nowrap;
ពោរពេញ: លាក់;
overflow-x: -webkit-marquee;
-webkit-marquee-direction: forward;
-webkit-marquee-style: scroll;
-webkit-marquee-speed: normal;
-webkit-marquee-increment: small;
-webkit-marquee-repeetition: 5;
overflow-x: marquee-line;
សញ្ញាទិសដៅ: ទៅមុខ;
marquee style: scroll;
ល្បឿនកំណត់: ធម្មតា;
marquee-play-count: 5;
}