CSS border-top-width 属性

ការកំណត់និងការប្រើប្រាស់

border-top-width អាត្រារចនាដូចជា កំណត់កម្ពស់ខាងលើនៃខ្សែកោងនៃអត្រារចនាដូចជា។

ការប្រព្រឹត្តិទៅលើ border-style អាត្រារចនាដូចជា មិនមែន none ទេ។ ប្រសិនបើ border-style អាត្រារចនាដូចជា គឺ none កម្ពស់ខាងលើនៃខ្សែកោងនឹងត្រូវបានកែត្រលំអិតទៅ 0។ មិនអនុញ្ញាតអោយបញ្ជាក់អត្រាលិនិតកម្ពស់ខាងលើនោះទេ។

ការកត់សម្គាល់：សូមតែងតែប្រកាស border-style អាត្រារចនាដូចជា មុន border-top-width អាត្រារចនាដូចជា។ កំឡុងពេលអនុវត្ត border-style អាត្រារចនាដូចជា គឺ none កម្ពស់ខាងលើនៃខ្សែកោងនឹងត្រូវបានកែត្រលំអិតទៅ 0។ មិនអនុញ្ញាតអោយបញ្ជាក់អត្រាលិនិតកម្ពស់ខាងលើនោះទេ។

សូមអានបន្ថែម：

បណ្តាញអាកាសចរណ៍ CSS តូចៗ：CSS 边框

សៀវភៅផ្លូវការ CSS：border-top អាត្រារចនាដូចជា

សៀវភៅផ្លូវការ HTML DOM：borderTopWidth អាត្រារចនាដូចជា

ឧទាហរណ៍

កំណត់កម្ពស់ខាងលើនៃខ្សែកោង：

p
  {
  border-style:solid;
  border-top-width:15px;
  }

ព្យាយាមតាមផ្ទាល់

ភាសារចនាដូចជា CSS

border-top-width: medium|thin|thick|length|initial|inherit;

តម្លៃអាត្រារចនាដូចជា

តម្លៃ ការពន្យល់
thin កំណត់ខ្សែកោងខាងលើមានកម្ពស់តូច។
medium តម្លៃបើកដោយដែលកំណត់ខ្សែកោងខាងលើមានកម្ពស់មធ្យម។
thick កំណត់ខ្សែកោងខាងលើមានកម្ពស់ខ្ពស់។
length អនុញ្ញាតអោយអ្នករួមចំណែកកម្ពស់ខាងលើនៃខ្សែកោង។
inherit កំណត់អោយខ្សែកោងត្រូវបានអនុវត្តពីកំណត់ទង្វើនៃកំណត់ទង្វើមេ។

ពត៌មានបច្ចេកទេស

តម្លៃបើកដោយដែលទំរង់បើកដោយដែលអនុវត្តទៅលើកំណត់ទង្វើ： medium
ការអនុវត្តទៅលើកំណត់ទង្វើ： no
កំណត់វិធី： CSS1
ភាសារចនាដូចជា JavaScript： object.style.borderTopWidth="thick"

ឧទាហរណ៍ទៀត

កំណត់កម្ពស់ខាងលើនៃខ្សែកោង
ឧទាហរណ៍នេះបង្ហាញថាតើត្រូវកំណត់កម្ពស់ខាងលើនៃខ្សែកោង។

ការគាំទ្ររបស់ការប្រើប្រាស់ប្រព័ន្ធ័ប្រើប្រាស់

ចំនុចលេខនៅក្នុងតារាងបញ្ជាក់ថាតម្លៃដែលគាំទ្រពេញលេញរបស់អាត្រានេះគឺជាការដំណើរការប្រព័ន្ធ័ប្រើប្រាស់ដំបូងដែលគាំទ្រអាត្រានេះ។

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5

ការកត់សម្គាល់：IE7 និងការដំណើរការប្រព័ន្ធ័ប្រើប្រាស់កាលពីមុនមិនគាំទ្រតម្លៃ "inherit" ទេ។ IE8 ត្រូវការ !DOCTYPE។ IE9 គាំទ្រ "inherit"។