CSS outline-width ominaisuus

Määrittely ja käyttö

outline-width-ominaisuus asettaa elementin koko reunan leveyden, mutta vain silloin, kun reunan tyyli ei ole none. Jos tyyli on none, leveys asetetaan todellisuudessa 0:een. Negatiivisia pituusarvoja ei sallita.

Reunaviiva on viiva, joka piirretään elementin ympärillä, sijaitsee reunan reunan ulkopuolella ja voi korostaa elementtiä. Reunaviiva-ominaisuus asettaa elementin ympärillä olevan reunaviivan.

Huomautus:Ilmoita aina ensin outline-style-ominaisuus outline-width-ominaisuuksessa ennen kuin muutat reunan väriä. Elementti voi muuttaa reunansa väriä vain sen jälkeen, kun se on saanut reunan.

Huomautus:Reunaviiva ei vie tilaa eikä välttämättä ole suorakulmainen.

Katso myös:

CSS-opas:CSS reunat

CSS -viittausopas:outline-ominaisuus

HTML DOM -viittausopas:outlineWidth-ominaisuus

Esimerkki

Aseta reunan väri:

p
  {
  outline-style:dotted;
  outline-width:5px;
  }

Kokeile itse

CSS-kieli

outline-width: medium|thin|thick|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
thin Määrittää ohuen reunan.
medium Oletus. Määrittää keskipaksun reunan.
thick Määrittää paksun reunan.
length Mahdollistaa reunan leveyden arvon määrittämisen.
inherit Määritellään, että reunan leveys tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: medium
Perinnäisyys: ei
Versio: CSS2
JavaScript-kieli: object.style.outlineWidth="thin"

TIY-esimerkki

Aseta reunan leveys
Tämä esimerkki näyttää, miten voit asettaa reunan leveyden.

Selaimen tuki

Taulukossa olevat numerot mainitsevat ensimmäisen selaimen version, joka tukee ominaisuutta täysin.

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.5 1.2 7.0

Huomautus:Jos on määritelty !DOCTYPE, IE8 tukee outline-ominaisuutta.