Haluan muuttaa hr
-tunnisteen väriä CSS:n avulla. Alla oleva koodi, jota olen kokeillut, ei näytä toimivan:
hr {
color: #123455;
}
Mielestäni sinun pitäisi käyttää border-color
eikä color
, jos tarkoituksesi on muuttaa <hr>
-tagin tuottaman viivan väriä.
Tosin kommenteissa on huomautettu, että jos muutat viivan kokoa, reunus on edelleen yhtä leveä kuin olet määrittänyt tyyleissä, ja viiva täytetään oletusvärillä (mikä ei useimmiten ole toivottu vaikutus). Näyttää siis siltä, että tässä tapauksessa sinun pitäisi määrittää myös taustan väri
(kuten @Ibu ehdotti vastauksessaan).
HTML 5 Boilerplate -projektin oletustyylitaulukossa määritellään seuraava sääntö:
hr { display: block; height: 1px;
border: 0; border-top: 1px solid #ccc;
margin: 1em 0; padding: 0; }
Artikkeli nimeltä "12 Little-Known CSS Facts", jonka SitePoint julkaisi hiljattain, mainitsee, että <hr>
voi asettaa border-color
nsa vanhemman color
iksi, jos määrität hr { border-color: inherit }
.