CSS border-right-color egenskap
- föregående sida border-right
- nästa sida border-right-style
Definition och användning
border-right-color ställer in färgen på elementets högra kant.
Endast rena färger kan definieras, och kantlinjen kan endast visas när kantstilen är ett värde som inte är none eller hidden.
Anmärkning:Ange alltid border-style egenskapsförklaringen före border-color egenskapsförklaringen. Elementet måste få kantlinjen innan du ändrar dess färg.
Se också:
CSS tutorial:CSS kant
CSS referenshandbok:border-right egenskap
HTML DOM referenshandbok:borderRightColor egenskap
Exempel
Ställ in färgen på höger kant:
p { border-style:solid; border-right-color:#ff0000; }
CSS-syntaks
border-right-color: color|transparent|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
color_name | Specificerar kantfärgen som färgnamn (t.ex. röd). |
hex_number | Specificerar kantfärgen som hex-värde (t.ex. #ff0000). |
rgb_number | Specificerar kantfärgen som rgb-kod (t.ex. rgb(255,0,0)). |
transparent | Standardvärde. Kantfärgen är transparent. |
inherit | Specificerar att kantfärgen ska inhämtas från förälementet. |
Tekniska detaljer
Standardvärde: | inte specificerat |
---|---|
Arv: | no |
Version: | CSS1 |
JavaScript-syntaks: | object.style.borderRightColor="blue" |
Mer exempel
- Ställ in färgen på höger kant
- Detta exempel visar hur du ställer in färgen på höger kant.
Webbläsarstöd
Tal i tabellen anger den första webbläsarversion som helt stöder denna egenskap.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Anmärkning:Internet Explorer 6 (och tidigare versioner) stöder inte egenskapsvärdet "transparent".
Anmärkning:Internet Explorer 7 och tidigare versioner av webbläsare stöder inte värdet "inherit". Internet Explorer 8 kräver !DOCTYPE. Internet Explorer 9 stöder "inherit".
- föregående sida border-right
- nästa sida border-right-style