Style border ominaisuus

Määritelmä ja käyttö

border Ominaisuudet asetetaan tai palautetaan lyhennetyssä muodossa enintään kolmea yksittäistä reunan ominaisuutta.

Tämän ominaisuuden avulla voit asettaa/palauttaa seuraavat yhden tai useamman (mikä tahansa järjestyksessä):

Katso myös:

CSS oppitunti:CSS reunat

CSS viittausopas:border ominaisuus

Esimerkki

Esimerkki 1

Lisää reunus <div> elementtiin:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Kokeile itse

Esimerkki 2

Muuta <div> elementin reunan leveys, tyyli ja väri:

document.getElementById("myDiv").style.border = "thin dotted red";

Kokeile itse

Esimerkki 3

Palauta <div> elementin border ominaisuuden arvo:

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

Kokeile itse

syntaksi

Palauta border ominaisuus:

object.style.border

Aseta border ominaisuus:

object.style.border = "width style color|initial|inherit"

ominaisuusarvo

arvo kuvaus
width Aseta reunan leveys.
style Aseta reunan tyyli.
color Aseta reunan väri.
initial Aseta tämä ominaisuus sen oletusarvoon. Katso initial.
inherit Periisi isäntäelementistä tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: Ei määritelty.
Palautusarvo: merkkijono, joka ilmaisee elementin reunan leveys, tyyli ja/tai väri.
CSS versio: CSS1

selaimen tuki

border on CSS1 (1996) ominaisuus.

Kaikki selaimet tukevat sen täysin:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
tuki tuki tuki tuki tuki tuki