CSS border-bottom-style ominaisuus
- Edellinen sivu border-bottom-right-radius
- Seuraava sivu border-bottom-width
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; }
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 |
- Edellinen sivu border-bottom-right-radius
- Seuraava sivu border-bottom-width