CSS text-decoration-style 属性
- ទៅកាន់ទំព័រមុខ text-decoration-line
- ទៅកាន់ទំព័របន្ទាប់ text-decoration-thickness
ការអង្គុយសម្រាប់ និងការប្រើប្រាស់
text-decoration-style អាត្រិត កំណត់ប្រភេទនៃការតុកត្រួតអក្សរ (solid, wavy, dotted, dashed, double)។
ប្រឡោមគន្លឹះ:សូមអានផងដែរ: text-decoration អាត្រិតដែលជាអាត្រិតលើកកំណត់ជាលក្ខណៈមួយរបស់បីអាត្រិតនេះ:
- text-decoration-line
- text-decoration-style
- text-decoration-color
សូមអានផងដែរ:
ការបង្រៀន CSSCSS 文本
សៀវភៅផ្តល់ពត៌មាន HTML DOMtextDecorationStyle អាត្រិត
ឧទាហរណ៍
កំណត់ប្រភេទ text-decoration ផ្សេងៗ
div.a { text-decoration-line: underline; text-decoration-style: solid; } div.b { text-decoration-line: underline; text-decoration-style: wavy; } div.c { text-decoration-line: underline; text-decoration-style: double; } div.d { text-decoration-line: overline underline; text-decoration-style: wavy; }
ហ្សាស៊ីប្រេស CSS
text-decoration-style: solid|double|dotted|dashed|wavy|initial|inherit;
តំលៃអាត្រិត
តំលៃ | ការពន្យល់ |
---|---|
solid | តំរូវការបុដម្ភ។ ខ្សែបញ្ចាំងបង្ហាញជាខ្សែតិច |
double | ខ្សែបញ្ចាំងបង្ហាញជាខ្សែពីរបន្ទាប់ពីមុខ |
dotted | ខ្សែបញ្ចាំងបង្ហាញជាខ្សែរង្វង់ |
dashed | ខ្សែបញ្ចាំងបង្ហាញជាខ្សែក្រោម |
wavy | ខ្សែបញ្ចាំងបង្ហាញជាខ្សែរលក |
initial | កំណត់អាត្រិតនេះទៅជាតំរូវការបុដម្ភ។ សូមអាន: initial。 |
inherit | ទទួលយកអាត្រិតនេះពីសញ្ញាបន្ទាប់។ សូមអាន: inherit。 |
ពត៌មានបច្ចេកទេស
តំរូវការបុដម្ភ: | solid |
---|---|
ការទទួលយក: | ទោះបីជាមិនទេ |
ការផលិតរឿងរីករាលដាល: | មិនគាំទ្រ។ សូមអាន:អាត្រិតទាក់ទងនឹងការរីករាលដាល。 |
កំណែនួន: | CSS3 |
ហ្សាស៊ីប្រេស ចុងបញ្ចប់: | object.style.textDecorationStyle="wavy" |
ការគាំទ្រនៃកុំព្យូទ័រ
ចំនុចនៅក្នុងតារាង បង្ហាញថាដំណាក់កាលដំបូងដែលកុំព្យូទ័រគាំទ្រលើអាត្រិតនោះ។
ចំនុចជាមួយ -moz- បង្ហាញថាការប្រើប្រាស់ប្រភពមុខដំបូង។
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
57.0 | 79.0 | 36.0 6.0 -moz- |
12.1 | 44.0 |
- ទៅកាន់ទំព័រមុខ text-decoration-line
- ទៅកាន់ទំព័របន្ទាប់ text-decoration-thickness