CSS border-left-style ominaisuus

Määrittely ja käyttö

border-left-style asettaa elementin vasemman reunan tyylin.

Reunuksen näkyminen tapahtuu vain, jos tämä arvo ei ole none.

CSS1:ssä HTML-käyttäjäagentin täytyy tukea vain solid ja none.

Katso myös:

CSS oppaasti:CSS reunat

CSS viittausopas:border-left ominaisuus

HTML DOM viittausopas:borderLeftStyle ominaisuus

Esimerkki

Aseta vasemman reunan tyyli:

p
  {
  border-style:solid;
  border-left-style:dotted;
  }

Kokeile itse

CSS syntaksi

border-left-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
none Määrittelee reunan olevan olemattoman.
hidden On sama kuin "none", mutta ei koske taulukoita. Taulukoissa "hidden" käytetään ratkaisemaan reunavirheitä.
dotted Määrittelee piste reunan. Useimmissa selaimissa tämä näkyy suorana reunana.
dashed Määrittelee viivoitu reunan. Useimmissa selaimissa tämä näkyy suorana reunana.
solid Määrittelee suoran reunan.
double Määrittelee kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-width:n arvo.
groove Määrittelee 3D:n syvennetyn reunan. Tämä riippuu border-color:n arvosta.
ridge Määrittelee 3D:n korostetun reunan. Tämä riippuu border-color:n arvosta.
inset Määrittelee 3D:n sisään olevan reunan. Tämä riippuu border-color:n arvosta.
outset Määrittelee 3D:n ulospäin olevan reunan. Tämä riippuu border-color:n arvosta.
inherit Määrittelee, että reunan tyyli tulisi periä vanhemmalta elementiltä.

Tekninen tarkistus

Oletusarvo: ei määritelty
Perintä: ei
Versio: CSS1
JavaScript syntaksi: object.style.borderLeftStyle="dotted"

Lisää esimerkkejä

Aseta vasemman reunan tyyli
Tämä esimerkki näyttää, miten voit asettaa vasemman reunan tyylin.

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 9.2