CSS border-bottom-style ominaisuus

Määrittely ja käyttö

border-bottom-style asettaa elementin alareunan reunan tyylin.

Reunat näytetään vain, jos tämä arvo ei ole none.

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

Katso myös:

CSS -opetus:CSS reunat

CSS -viittausoppas:border-bottom -ominaisuus

HTML DOM -viittausoppas:borderBottomStyle-ominaisuus

Esimerkki

Aseta alareunan tyylit:

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

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
none Määritellään reunat puuttuvat.
hidden On sama kuin "none". Mutta sovelletaan taulukoihin, koska taulukoiden tapauksessa "hidden" käytetään ratkaisemaan reunien konfliktit.
dotted Määritellään pisteitä reunat. Useimmissa selaimissa näytetään täysjäykkinä.
dashed Määritellään viivainen reunat. Useimmissa selaimissa näytetään täysjäykkinä.
solid Määritellään täysjäykkä reunat.
double Määritellään kaksoisreunat. Kaksoisreunien leveys on sama kuin border-width -arvon arvo.
groove Määritellään 3D syvennettyjen reunat. Tämä riippuu border-color -arvon arvosta.
ridge Määritellään 3D korotetut reunat. Tämä riippuu border-color -arvon arvosta.
inset Määritellään 3D sisäänvedetyt reunat. Tämä riippuu border-color -arvon arvosta.
outset Määritellään 3D ulosvedettävät reunat. Tämä riippuu border-color -arvon arvosta.
inherit Määritellään, että reunatyylit pitäisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

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

Lisää esimerkkejä

Aseta alareunan tyylit
Tämä esimerkki näyttää, miten voit asettaa alareunan 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 5.5 1.0 1.0 9.2