CSS outline-offset ominaisuus

Määritelmä ja käyttö

outline-offset-ominaisuus siirtää reunusta ja piirtää sen reunan reunalla.

Reunus eroaa reunasta kahdessa suhteessa:

  • Reunus ei käytä tilaa
  • Reunus voi olla epäsuora

Katso myös:

CSS-opas:CSS käyttöliittymä

HTML DOM -viittausopas:outlineOffset-ominaisuus

Esimerkki

Määritellään reunuksen reunan ulkopuolella 15 kuvapistettä oleva reunus:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Kokeile itse

CSS-kieli

outline-offset: length|inherit;

Ominaisuusarvo

Arvo Kuvaus
length Reunuksen ja reunan reunan välinen etäisyys.
inherit Määritellään, että outline-offset-ominaisuuden arvo otetaan isältä elementiltä.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS3
JavaScript-kieli: object.style.outlineOffset="15px"

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
4.0 15.0 3.5 3.1 10.5