Mfano wa CSS border-bottom-color
- mpangilio border-bottom
- mpangilio border-bottom-left-radius
Mifano na matumizi
BorderBottomColor inasema rangi ya kina hali ya chini ya kina hali.
Inabaki kutumia rangi pekee, na kwa kawaida kina hali ya kina hali inapatikana tu kama hali ya kina hali inahitaji kina hali ya rangi.
Kashita:Wachungaji wengi wamekuwa na habari ya kina hali ya kina hali inasema "transparent".
Tunazoa pia:
Makala ya CSS ya mafunzo:Hisia kifungu
Makala ya CSS ya mafunzo:BorderBottom Attribu
Makala ya HTML DOM ya mafunzo:BorderBottomColor Attribu
Mfano
Kumteua rangi ya kina hali ya chini:
p { border-style:solid; border-bottom-color:#ff0000; }
Inayotumiwa Kiingereza:
border-bottom-color: color|transparent|initial|inherit;
Thamani ya kina hali
Thamani | Maelezo |
---|---|
color_name | Inaeleza kwamba kina hali ya kina hali inaonekana kina hali ya jina la rangi (kama red). |
hex_number | Inaeleza kwamba kina hali ya kina hali inaonekana kina hali ya heksadecimal (kama #ff0000). |
rgb_number | Inaeleza kwamba kina hali ya kina hali inaonekana kina hali ya rgb (kama rgb(255,0,0)). |
transparent | Thamani ya kuzingatia. Kina hali ya kina hali ni transparent. |
inherit | Inaeleza kwamba inahitaji kumpatikana kina hali ya kina hali kutoka kina hali ya mababu. |
Mafunzo ya vifaa
Thamani ya kuzingatia: | haukubaliwa |
---|---|
Uangalifu: | no |
Muafaka: | CSS1 |
Inayotumiwa Kiingereza: | object.style.borderBottomColor="blue" |
Mfano zaidi
- Kumteua rangi ya kina hali ya chini
- Mfano huu unaonyesha kuhusiana na kumteua rangi ya kina hali ya chini.
Mpangilio wa kina hali
Inafikia namba za tabia kwenye mpangilio inaeleza kwa kwanza kina hali ambayo inasaa hali hiyo.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Kashita:Internet Explorer 6 (na zaidi zaidi za kusingia) haikubali thamani ya kina hali "transparent".
Kashita:Internet Explorer 7 na msingi na kwa zaidi ya hii kama kina hali inasema "inherit". IE8 inahitaji !DOCTYPE. IE9 inasema "inherit".
- mpangilio border-bottom
- mpangilio border-bottom-left-radius