CSS border-left ominaisuus

Määrittely ja käyttö

border-left -yhteenveto ominaisuus asettaa kaikki vasemman reunan ominaisuudet yhdessä lauseessa.

Voit asettaa nämä ominaisuudet järjestyksessä:

Jos et aseta jotain arvoa, ei ole ongelmaa, esimerkiksi border-left:solid #ff0000; on myös sallittu.

Katso myös:

CSS -opetus:CSS reunat

HTML DOM -viittausopas:borderLeft ominaisuus

Esimerkki

Aseta vasemman reunan tyyli:

p
  {
  border-style:solid;
  border-left:thick double #ff0000;
  }

Kokeile itse

CSS-kieli

border-left: border-width border-style border-color|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
border-left-width Määritellään vasemman reunan leveys. Katso:border-left-width mahdolliset arvot.
border-left-style Määritellään vasemman reunan tyyli. Katso:border-left-style mahdolliset arvot.
border-left-color Määritellään vasemman reunan väri. Katso:border-left-color mahdolliset arvot.
inherit Määritellään, että border-left ominaisuuden asetukset pitäisi periä isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.borderLeft="3px solid blue"

Lisää esimerkkejä

Kaikki vasemman reunan ominaisuudet yhdessä lauseessa
Kaikki vasemman reunan ominaisuudet yhdessä lauseessa

Selaimen tuki

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

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

Huomautus:IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".