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.

Katso myös:

CSS oppikirja:CSS reunat

CSS viittausoppikirja:border-right ominaisuus

HTML DOM viittausoppikirja:borderRightStyle ominaisuus

Esimerkki

Aseta oikean reunan tyyli:

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

Kokeile itse

CSS syntaksi

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

Ominaisuuden arvo

Arvo Kuvaus
none Määrittelee reunan puuttuvan.
hidden On sama kuin "none", mutta sitä ei sovelleta taulukoihin. Taulukoissa "hidden" käytetään ratkaisemaan reunan konfliktit.
dotted Määrittelee piste reunan. Se näyttää useimmissa selaimissa kiinteänä reunana.
dashed Määrittelee viivareunuksen. Se näyttää useimmissa selaimissa kiinteänä reunana.
solid Määrittelee kiinteän reunan.
double Määrittelee kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-width -arvo.
groove Määrittelee 3D reunojen kuopan. Sen vaikutus riippuu border-color -arvosta.
ridge Määrittelee 3D raitoituksen reunan. Sen vaikutus riippuu border-color -arvosta.
inset Määrittelee 3D sisään olevan reunan. Sen vaikutus riippuu border-color -arvosta.
outset Määrittelee 3D ulospäin olevan reunan. Sen vaikutus riippuu border-color -arvosta.
inherit Määritellään, että reunan tyyli tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript syntaksi: 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 täysin tukee tätä ominaisuutta.

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