CSS border-color 属性

Pagsasakop at Paggamit

Ang border-color ay nagtatakda ng kulay ng apat na border. Ang attribute na ito ay puwedeng magtatakda ng 1 hanggang 4 na kulay.

Ang border-color ay isang maliit na attribute, puwedeng itakda ang kulay ng makikitang bahagi ng lahat ng border ng isang elemento, o magtatakda ng magkakaibang kulay para sa apat na border. Tingnan ang sumusunod na halimbawa:

Eli 1

border-color:red green blue pink;
  • ព្រំប្រទល់ជើងជាពណ៏ក្រហម
  • Ang kanang border ay luntian
  • ព្រំប្រទល់ខាងក្រោមជាពណ៏ពណែន
  • ព្រំប្រទល់ខាងឆ្វេងជាពណ៏ពណែន

ឧទាហរណ៍ 2

border-color:red green blue;
  • ព្រំប្រទល់ជើងជាពណ៏ក្រហម
  • ព្រំប្រទល់ស្ដាំ និងព្រំប្រទល់ខាងឆ្វេងជាពណ៏បៃតង
  • ព្រំប្រទល់ខាងក្រោមជាពណ៏ពណែន

ឧទាហរណ៍ 3

border-color:dotted red green;
  • ព្រំប្រទល់ជើង និងព្រំប្រទល់ខាងក្រោមជាពណ៏ក្រហម
  • ព្រំប្រទល់ស្ដាំ និងព្រំប្រទល់ខាងឆ្វេងជាពណ៏បៃតង

ឧទាហរណ៍ 4

border-color:red;
  • ព្រំប្រទល់ 4 ខាងទាំងអស់ជាពណ៏ក្រហម

ត្រូវចង់ចាំថាការក្របក្រពណ៏ព្រំប្រទល់មិនអាចជាតិ ឬ hidden ទេ អត្ថបទព្រំប្រទល់នឹងមិនអាចបង្ហាញឡើងទេ។

ការកត់សម្គាល់：សូមតែងតែប្រើអត្តបទ border-style មុន border-color។ សមាសញ្ញាត្រូវតែទទួលបានព្រំប្រទល់មុនពេលប្រើកំណត់ពណ៏ទេ។

សូមមើលផង:

CSS បណ្តឹង:CSS 边框

ការផ្ដល់យោបល់ HTML DOM:borderColor អត្តបទ

ឧទាហរណ៍

កំណត់ពណ៏សម្លេងព្រំប្រទល់ 4 ខាង:

p
  {
  border-style:solid;
  border-color:#ff0000 #0000ff;
  }

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

CSS ហ្សាយ៉ាក់

border-color: color|transparent|initial|inherit;

តម្លៃអត្តបទ

តម្លៃ ការពន្យល់
color_name ត្រូវកំណត់ពណ៏ព្រំប្រទល់ដោយតម្លៃពណ៏ឈ្មោះ (ឧទាហរណ៍ red)។
hex_number ត្រូវកំណត់ពណ៏ព្រំប្រទល់ដោយតម្លៃពណ៏កំណត់ (ឧទាហរណ៍ #ff0000)។
rgb_number ត្រូវកំណត់ពណ៏ព្រំប្រទល់ដោយតម្លៃ rgb កំណត់ (ឧទាហរណ៍ rgb(255,0,0))។
transparent តម្លៃកំណត់ដោយរដ្ឋាបាល. ពណ៏ព្រំប្រទល់គឺជាក្រោមផ្ទៃ។
inherit ត្រូវកំណត់ថាតើព្រំប្រទល់គួរអនុវត្តន៏ពីសមាសញ្ញាគូរបស់វាទេ។

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

តម្លៃកំណត់ដោយរដ្ឋាបាល： not specified
ការអនុវត្តន៏： no
កំណែនឹង： CSS1
JavaScript ហ្សាយ៉ាក់： object.style.borderColor="#FF0000 blue"

ឧទាហរណ៍ផ្សេងៗ

កំណត់ពណ៏សម្លេងព្រំប្រទល់បួនខាង
ឧទាហរណ៍នេះបង្ហាញថាតើត្រូវកំណត់ពណ៏សម្លេងព្រំប្រទល់បួនខាង។ អាចកំណត់ពណ៏សម្លេងពីមួយទៅបួនខាង។

ការគាំទ្រនៃកុំព្យូទ័រ

ចំណោមតួលេខនៅក្នុងតារាង បង្ហាញថាតម្លៃអត្តបទនេះ ត្រូវបានគាំទ្រដោយកុំព្យូទ័រខាងមុខដំបូង។

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

ការកត់សម្គាល់：Internet Explorer 6 (និងការមើលកុំព្យូទ័រខាងមុខមុនកើតឡើង) មិនគាំទ្រតម្លៃអត្តបទ "transparent" ទេ។

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