CSS border-bottom-style ominaisuus

Määritelmä ja käyttö

border-bottom-style asettaa elementin alapuolen reunaviivan tyylin.

Reunuksen näkyminen tapahtuu vain, jos tämä arvo ei ole none.

CSS1:ssä HTML-käyttäjäagentti tarvitsee tukea vain solid ja none.

Katso myös:

CSS -opetus:CSS reunat

CSS -viittausoppas:border-bottom -ominaisuus

HTML DOM -viittausoppas:borderBottomStyle-ominaisuus

Esimerkki

Aseta alapuolen tyyli:

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äärittelee reunaviivan poissaolon.
hidden On sama kuin "none". Mutta sovelletaan lukuun ottamatta taulukkoa, koska taulukossa "hidden" käytetään ratkaisemaan reunaviivan konflikti.
dotted Määrittelee pisteviivan. Se näyttää useimmissa selaimissa täysin viivana.
dashed Määrittelee viivaviivan. Se näyttää useimmissa selaimissa täysin viivana.
solid Määrittelee täysin viivan.
double Määrittelee kaksoisreunuksen. Kaksoisreunuksen leveys on sama kuin border-width-arvo.
groove Määrittelee 3D-koukkuviivan. Sen vaikutus riippuu border-color-arvosta.
ridge Määrittelee 3D-ryijytetyn reunaviivan. Sen vaikutus riippuu border-color-arvosta.
inset Määrittelee 3D-sisäänvedetyn reunaviivan. Sen vaikutus riippuu border-color-arvosta.
outset Määrittelee 3D-ulosvedetyn reunaviivan. Sen vaikutus riippuu border-color-arvosta.
inherit Määrittelee, että reunaviivan tyyli tulisi perittää vanhemmalta elementiltä.

Tekninen yksityiskohta

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

Lisää esimerkkejä

Aseta alapuolen tyyli
Tämä esimerkki näyttää, miten voit asettaa alapuolen 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