CSS border-right-style ominaisuus

Määrittely ja käyttö

border-right-style asettaa elementin oikean reunan tyylin.

Reuna näkyy vain, jos tämä arvo ei ole none.

CSS1:ssä HTML-käyttäjäagentin täytyy tukea vain solid ja none.

Lisäksi:

CSS -opetus:CSS reunat

CSS -viittausoppas:border-right ominaisuus

HTML DOM -viittausoppas:borderRightStyle ominaisuus

Esimerkki

Aseta oikean reunan tyyli:

p
  {
  border-style:solid;
  border-right-style:dotted;
  }

Kokeile itse

CSS-grammatiikka

border-right-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
none Määrittelee reuna on täysin tyhjä.
hidden On sama kuin "none". Poikkeuksena tauluissa, joissa "hidden" käytetään ratkaisemaan reunien konflikti.
dotted Määrittelee reuna on täysin täytettyä. Useimmissa selaimissa näkyy täysin täytteenä.
dashed Määrittelee reuna on täysin täytettyä. Useimmissa selaimissa näkyy täysin täytteenä.
solid Määrittelee reuna on täysin suoraa.
double Määrittelee kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-widthin arvo.
groove Määrittelee 3D:n kuopan reunan. Tämä riippuu border-colorin arvosta.
ridge Määrittelee 3D:n kuopan reunan. Tämä riippuu border-colorin arvosta.
inset Määrittelee 3D:n sisään astuvan reunan. Tämä riippuu border-colorin arvosta.
outset Määrittelee 3D:n ulospäin kohottuvan reunan. Tämä riippuu border-colorin arvosta.
inherit Määritellään, että reunatyylit tulisi perittää isältä elementiltä.

Tekninen tarkistus

Oletusarvo: ei määritelty
Perinnäisyys: ei
Versio: CSS1
JavaScript-grammatiikka: object.style.borderRightStyle="dotted"

Lisää esimerkkejä

Aseta oikean reunan tyyli
Tämä esimerkki näyttää, miten voit asettaa oikean reunan tyylin.

Selaimen tuki

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5