Style borderLeftStyle ominaisuus

Määrittely ja käyttö

borderLeftStyle Aseta tai palauta elementin vasemman reunan tyyli.

Katso myös:

CSS -opasCSS-reunat

CSS -viittausborder-left-style-ominaisuus

HTML DOM -viittausborder-ominaisuus

esimerkki

Esimerkki 1

Lisää <div>-elementille täysi vasen reuna:

document.getElementById("myDiv").style.borderLeftStyle = "solid";

Kokeile itse

Esimerkki 2

Muuta <div>-elementin vasemman reunan tyyliksi "dotted":

document.getElementById("myDiv").style.borderLeftStyle = "dotted";

Kokeile itse

Esimerkki 3

Palauttaa <div>-elementin vasemman reunan tyylin:

alert(document.getElementById("myDiv").style.borderLeftStyle);

Kokeile itse

Esimerkki 4

Kaikkien eri arvojen esittely:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderLeftStyle = listValue;

Kokeile itse

Syntaksi

Palauta borderLeftStyle-ominaisuus:

object.style.borderLeftStyle

Aseta borderLeftStyle-ominaisuus:

object.style.borderLeftStyle = value
Arvo Kuvaus
none Määrittää reunan olemattomuuden. Oletus.
hidden Sama kuin "none", mutta ei sovellu taulukkomuotoelementtien reunojen konfliktin ratkaisuun.
dotted Määrittää pisteviivamerkistön reunan.
dashed Määrittää viivamerkistön reunan.
solid Määrittää täyden reunan.
double Määrittää kaksi reunaa. Kummankin reunan leveys on sama kuin border-width-arvo.
groove Määrittää 3D reunojen kuopan. border-color arvot.
ridge Määrittää 3D ryhmittävän reunan. border-color arvot.
inset Määrittää 3D sisennyksen reunan. border-color arvot.
outset Määrittää 3D uloskylläisen reunan. border-color arvot.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso initial.
inherit Perii tämän ominaisuuden isältään. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: none
Palautusarvo: Merkkijono, joka ilmaisee elementin vasemman reunan tyylin.
CSS versio: CSS1

Selain tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki