CSS column-rule ominaisuus

Määrittely ja käyttö

columnRule-ominaisuus on lyhennetty ominaisuus, joka asettaa kaikki column-rule-*-ominaisuudet.

columnRule-ominaisuus asettaa sarakkeiden välinen ohjeen leveys, tyyli ja väri.

Katso myös:

CSS3-opas:CSS3 monikolmio

HTML DOM -viittausopas:columnRule-ominaisuus

Esimerkki

Määritä sarakkeiden välinen leveys, tyyli ja väriohjeet:

div
{
column-rule:3px outset #ff00ff;
}

Kokeile itse

Lisää esimerkkejä sivun alaosassa.

CSS-kieli

column-rule: column-rule-width column-rule-style column-rule-color;

Ominaisuusarvo

Arvo Kuvaus
column-rule-width Aseta sarakkeiden välinen leveysohje.
column-rule-style Aseta sarakkeiden välinen tyyliohje.
column-rule-color Aseta sarakkeiden välinen väriohje.

Tekninen yksityiskohta

Oletusarvo: keskitetty ei mitään mustaa
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.columnRule="3px outset #ff00ff"

Lisää esimerkkejä

Column-count
Jaa div-elementin teksti kolmeen sarakkeeseen.
Column-gap
Jaa div-elementin teksti kolmeen sarakkeeseen ja aseta välit 30 pikseliä.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimen version, joka tukee tätä ominaisuutta täysin.

Numerot, jotka sisältävät -webkit- tai -moz-, merkitsevät ensimmäistä versiota, jota etuliitteellä käytetään.

Chrome IE / Edge Firefox Safari Opera
50.0
4.0 -webkit-		 10.0 52.0
2.0 -moz-		 9.0
3.1 -webkit-		 37.0
15.0 -webkit
11.1