Hisia ya border-color ya CSS

Utekelezaji na Kivyo

border-color ni kipendekezo cha rangi cha kati ya kifungu cha kina, kinaweza kuingiza rangi moja hadi tano.

border-color ni ya kipendekezo cha kifupi, kinaweza kuingiza rangi ya kila kati ya kifungu cha kina, au kuingiza rangi mbili kwa kila kati kina. Tazama mifano iliyofuata:

mada 1

border-color:red green blue pink;
  • Kifungu cha kimoja ni kichwa chumvi
  • mara mbali ni ya kijani
  • Kifungu cha kimoja ni kijani
  • Kifungu cha kushoto ni kijani

Mifano 2

border-color:red green blue;
  • Kifungu cha kimoja ni kichwa chumvi
  • Kifungu cha kulia na kichwa chumvi ni kijani
  • Kifungu cha kimoja ni kijani

Mifano 3

border-color:dotted red green;
  • Kifungu cha kimoja na kichwa chumvi ni kichwa chumvi
  • Kifungu cha kulia na kichwa chumvi ni kijani

Mifano 4

border-color:red;
  • Mabara ya kifungu yote yana rangi ya kichwa chumvi

Inahitaji kwamba uendo wa kifungu haikuchukuliwa kama none au hidden, inakadai kwamba kifungu hakinaonekana.

Maelezo:Inahitaji kwamba kifungu cha border-style inasajiliwe kabla ya kifungu cha border-color. Elementi inahitaji kufikia kifungu cha border kabla ya kumwambaa kufungua rangi.

Tazama pia:

Mwongozo wa CSS:Hisia kifungu

Mwongozo wa HTML DOM:BorderColor kifungu

Mifano

Kumwambaa kufungua mabara ya kifungu kwa meza:

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

Tafuta kufanya kwa matokeo

Inayotumika kwa CSS:

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

Thamani ya kifungu

Thamani Maelezo
color_name Inayotaka kwamba kifungu kinaingia kwa kumwambaa kufungua mabara ya kifungu kwa kumwambaa kufungua kwa jina la rangi (kama red).
hex_number Inayotaka kwamba kifungu kinaingia kwa kumwambaa kufungua mabara ya kifungu kwa kumwambaa kufungua kwa hex (kama #ff0000).
rgb_number Inayotaka kwamba kifungu kinaingia kwa kumwambaa kufungua mabara ya kifungu kwa kumwambaa kufungua kwa rgb kifungu (kama rgb(255,0,0)).
transparent Chaguo cha kuzingatia. Mabara ya kifungu inaonekana kama inayopewa.
inherit Inayotaka kwamba kifungu kinaingia kwa kumwambaa kufungua mabara ya kifungu kutoka kwa kifungu cha mababu.

Maelezo ya teknolojia

Chaguo cha kuzingatia: not specified
Kuzungumza: no
Mwaka: CSS1
Inayotumika kwa JavaScript: object.style.borderColor="#FF0000 blue"

Mifano ya kuzingatia

Kumwambaa kufungua mabara ya kifungu kwa meza
Mifano hii inadhumisha kuhusu matukio ya kumwambaa kufungua mabara ya kifungu kwa meza kwa kumwambaa kufungua hadi nane ya mabara. Inaweza kumwambaa kufungua hadi nane ya mabara.

Mwongozo wa kufungua

Mayari ya tabia za mtandao inaeleza sababu ya kumwambaa kufungua tabia hii kwa kwanza kwenye vifungu vya kifungu.

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

Maelezo:Internet Explorer 6 (na kuzungumza na kudumu) haikubali thamani ya kifungu "transparent".

Maelezo:IE7 na kuzungumza na kudumu kwenye vifungu vya kifungu "inherit". IE8 inahitaji !DOCTYPE. IE9 inasaa "inherit".