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 -opetus:CSS reunat

CSS -viittausoppas:border-left -ominaisuus

HTML DOM -viittausoppas:borderLeftStyle-ominaisuus

Esimerkki

Aseta vasemman reunan tyyli:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
none Määritellään reunan puuttuminen.
hidden On sama kuin "none", mutta sitä ei sovelleta taulukkoihin. Taulukoissa "hidden" käytetään ratkaisemaan reunan ristiriitoja.
dotted Määritellään pisteinen reunus. Useimmissa selaimissa se näkyy täysin suorana.
dashed Määritellään viivainen reunus. Useimmissa selaimissa se näkyy täysin suorana.
solid Määritellään täysin suora reunus.
double Määritellään kaksoisreuna. Kaksoisreunan leveys on sama kuin border-width-arvo.
groove Määritellään 3D:n kaivokuoppa reunus. Sen vaikutus riippuu border-color-arvosta.
ridge Määritellään 3D:n korostettu reunus. Sen vaikutus riippuu border-color-arvosta.
inset Määritellään 3D:n sisään oleva reunus. Sen vaikutus riippuu border-color-arvosta.
outset Määritellään 3D:n ulospäin oleva reunus. Sen vaikutus riippuu border-color-arvosta.
inherit Määritellään, että reunan tyyli tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.borderLeftStyle="dotted"

Lisää esimerkkejä

Vasemman reunan tyylin asettaminen
Tämä esimerkki näyttää, miten vasemman reunan tyyliä voidaan asettaa.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimeen, joka tukee kyseistä ominaisuutta täysin.

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