Style outlineStyle -ominaisuus

Määrittely ja käyttö

outlineStyle Atribuutti asettaa tai palauttaa elementin ympärillä olevan rajojen tyylin.

Rajojen muoto on viiva, joka ympäröi elementin. Se näkyy elementin marginaalien ympärillä. Mutta se eroaa reunaviivomerkistä.

Rajojen muoto ei ole osa elementin mittoja, joten elementin leveys- ja korkeusominaisuudet eivät sisällä rajojen leveyttä.

另请参阅：

Muut viittaukset:CSS-profiili

CSS -opetus:CSS -viittausoppikirja:

outline-style-ominaisuusHTML DOM -viittausoppikirja:

outline-ominaisuus

Esimerkki

Esimerkki 1

Muuttaa <div>-elementin reunaviivan tyyliä:

document.getElementById("myDiv").style.outlineStyle = listValue;

Lisätä täysiverkkoreunaviiva <div>-elementin ympärille:

Esimerkki 2

Muuttaa <div>-elementin reunaviivan tyyliä:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

Esimerkki 3

Palauttaa <div>-elementin reunaviivan tyylin:

document.getElementById("myDiv").style.outlineStyle = listValue;

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

Esimerkki 4

Kaikkien eri arvojen esittely:
var listValue = selectTag.options[selectTag.selectedIndex].text;

document.getElementById("myDiv").style.outlineStyle = listValue;

Kokeile itse

syntaksi

Aseta outlineStyle-ominaisuus:Palauta outlineStyle-ominaisuus:

.style.outlineStyle

Aseta outlineStyle-ominaisuus:objekti .style.outlineStyle =

value

ominaisuusarvo arvo
none kuvaus
oletus. Määrittää ilman reunaviivaa. piilotettu
Reunaviiva on suljettu. dotted
Määrittää pisteviivareunaviivan. dashed
Määrittää viivareunaviivan. solid
Määrittää täysiverkkorunnon. double Määrittää kaksoisreunaviivan. Kaksoisreunaviivan leveys on outline-width
arvoista. Määrittää 3D:n syvennetyn reunaviivan. Määrittää 3D:n syvennetyn reunaviivan. Tämä vaikutus riippuu outline-color arvot.
ridge Määrittää 3D:n korostetun reunojen reunaviivan. Tämä vaikutus riippuu outline-color arvot.
inset Määrittää 3D:n syvennetyn reunaviivan. Tämä vaikutus riippuu outline-color arvot.
outset Määrittää 3D:n korostetun reunaviivan. Tämä vaikutus riippuu outline-color arvot.
initial Aseta tämä ominaisuus sen oletusarvon arvoksi. Katso initial.
inherit Periisi elementistä tämän ominaisuuden arvo. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: none
Palautusarvo: Merkistö, joka ilmaisee elementin reunaviivan tyylin.
CSS versio: CSS2

Selaimen tuki

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