CSS border-top-color 属性

Definition and Usage

Ang border-top-color ay nagtatakda ng kulay ng border sa itaas ng elemento.

Maaring tanggapin lamang ang puwang na wala sa none o hidden style ng border at maaring maitatakda lamang ang isang kulay.

Mga kumento:Pangalawang pahina Palaging ilagay ang atribute ng border-style bago ang atribute ng border-color. Ang elemento ay dapat makakuha ng border bago ka mabago ang kanyang kulay.

See also:

CSS Tutorial:CSS 边框

CSS Reference Manual:border-top attribute

HTML DOM Reference Manual:borderTopColor attribute

Example

Pagtatakda ng kulay ng border sa itaas:

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

Try it yourself

CSS syntax

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

Attribute value

Attribute value

Value Description
color_name Ituturing na ang halaga ng kulay ay pangalan ng kulay (halimbawa red).
hex_number Ituturing na ang halaga ng kulay ay heksadecimal value ng border color (halimbawa #ff0000).
rgb_number Ituturing na ang halaga ng kulay ay rgb code ng border color (halimbawa rgb(255,0,0)).
transparent Default value. Ang kulay ng border ay transparent.
inherit Itinuturing na maitanggap ng parent element ang kulay ng border.

Technical details

Default value: not specified
Inheritance: no
Bersiyon: CSS1
JavaScript syntax: object.style.borderTopColor="blue"

Mga dagdag na halimbawa

Pagtatakda ng kulay ng border sa itaas
Ang eksemplo na ito ay nagpapakita kung paano itatawag ang kulay ng border sa itaas.

Suporta ng browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersiyon ng browser na ganap na sumusuporta sa katangian na iyon.

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

Mga kumento:Internet Explorer 6 (at mas maagang bersiyon) ay hindi tumatanggap ng halaga ng atribute na "transparent".

Mga kumento:Internet Explorer 7 at mas maagang bersiyon ng browser ay hindi tumatanggap ng halaga "inherit". Ang IE8 ay nangangailangan ng !DOCTYPE. Ang IE9 ay tumatanggap ng "inherit".