CSS border-left 属性

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

border-left អាត្រាបញ្ជីការប្រើប្រាស់ជាអាត្រាបញ្ជីដែលកំណត់អាត្រាខាងឆ្វេងទាំងអស់នៅក្នុងសេចក្តីប្រកាសមួយ។

អាចកំណត់អាត្រានេះនៅលំដាប់:

ប្រសិនបើមិនកំណត់តម្លៃណាមួយក្នុងចំណោមពួកគេ ក៏នឹងមិនមានបញ្ហាទេ ដូចជា border-left:solid #ff0000; ក៏អាចមានទៅ។

អានទៀត:

ការបង្រៀន CSS:CSS 边框

ការពន្យល់ HTML DOM ពិសេស:borderLeft អាត្រាការប្រើប្រាស់

ឧទាហរណ៍

កំណត់ការបង្កើតខាងឆ្វេង:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

ព្យាយាមដោយខ្លួនឯង

ហេតុផលវោហារបស់ CSS

border-left: border-width border-style border-color|initial|inherit;

តម្លៃអាត្រាការប្រើប្រាស់

តម្លៃ ការពន្យល់
border-left-width កំណត់ពីការបន្ថែមរបស់ border-left ។ អានទៀត:border-left-width តម្លៃដែលអាចមានក្នុង border-left ដែលអាចមាន។
border-left-style កំណត់ពីការបង្កើតខាងឆ្វេង border-left ។ អានទៀត:border-left-style តម្លៃដែលអាចមានក្នុង border-left ដែលអាចមាន។
border-left-color កំណត់ពីពណ៌ខាងឆ្វេង border-left ។ អានទៀត:border-left-color តម្លៃដែលអាចមានក្នុង border-left ដែលអាចមាន។
inherit កំណត់អោយមានការបន្តបន្ទាប់ពីអាត្រាខាងឆ្វេង border-left របស់សាកល្បងឪពុក។

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

តម្រូវការលក្ខណៈបញ្ហារដ្ឋាន: not specified
ការកើតមកពីសាកល្បង: no
កំណែទំហំ: CSS1
ហេតុផលវោហាភាសាចរិកសាស្រ្ត: object.style.borderLeft="3px solid blue"

ឧទាហរណ៍បន្ថែម

គ្រប់អាត្រាខាងឆ្វេងក្នុងសេចក្តីប្រកាសមួយ
គ្រប់អាត្រាខាងឆ្វេងក្នុងសេចក្តីប្រកាសមួយ

ការគាំទ្រកំឡុងពេលការប្រើប្រាស់

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

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

ការកត់សម្គាល់:IE7 និងការប្រើប្រាស់កំឡុងពេលការអតិថិជនមុន មិនគាំទ្រតម្លៃ "inherit" ទេ។ IE8 ត្រូវការ !DOCTYPE។ IE9 គាំទ្រ "inherit"។