CSS border-right ominaisuus

Määrittely ja käyttö

border-right -lyhennetty ominaisuus asettaa oikean reunan kaikki ominaisuudet yhdessä lauseessa.

Voit asettaa nämä ominaisuudet järjestyksessä:

Jos et aseta jotain arvoa, ei ole ongelmaa, esimerkiksi border-right:solid #ff0000; on myös sallittu.

Lisäksi:

CSS -opas:CSS reunat

HTML DOM -viittausopas:borderRight ominaisuus

Esimerkki

Aseta oikean reunan tyyli:

p
  {
  border-style:solid;
  border-right:thick double #ff0000;
  }

Kokeile itse

CSS-kieli

border-right: border-width border-style border-color|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
border-right-width Määritellään oikean reunan leveys. Katso:border-right-width mahdolliset arvot.
border-right-style Määritellään oikean reunan tyyli. Katso:border-right-style mahdolliset arvot.
border-right-color Määritellään oikean reunan väri. Katso:border-right-color mahdolliset arvot.
inherit Määritellään, että border-right ominaisuuden asetukset tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: ei määritelty
Perinnäisyys: ei määritelty
Versio: CSS1
JavaScript-kieli: object.style.borderRight="3px solid blue"

Lisää esimerkkejä

Kaikki oikean reunan ominaisuudet yhdessä lauseessa
Tämä esimerkki näyttää lyhennetyn ominaisuuden, jota käytetään kaikkien oikean reunan ominaisuuksien asettamiseen yhdessä lauseessa.

Selaimen tuki

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

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

Huomautus:IE7 ja aikaisemmat selaimet eivät tue arvoa "inherit". IE8 vaatii !DOCTYPE. IE9 tukee "inherit".