CSS border-bottom-width ominaisuus

Määrittely ja käyttö

border-bottom-width ominaisuus asettaa elementin alapuolen reunan leveys.

Toimii vain, kun reunan tyyli ei ole none. Jos reunan tyyli on none, reunan leveys palautetaan 0:een. Negatiivisia pituusarvoja ei sallita.

Huomautus:Väliäisi, että border-bottom-width ominaisuuden määrittää ennen border-style ominaisuutta. Elementti voi muuttaa reunan leveyttä vain, kun se on saanut reunan.

Katso myös:

CSS oppitunti:CSS reunat

CSS viittausopas:border-bottom ominaisuus

HTML DOM viittausopas:borderBottomWidth ominaisuus

Esimerkki

Aseta alapuolen reunan leveys:

p
  {
  border-style:solid;
  border-bottom-width:15px;
  }

Kokeile itse

CSS-kieli

border-bottom-width: medium|thin|thick|length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
thin Määrittelee ohuen reunan.
keskipitkä Oletusarvo. Määrittelee keskipitkän reunan.
thick Määrittelee粗的上边框。
length Salli sinun mukauttaa alapuolen reunan leveyttä.
inherit Määritellään, että reunan leveys pitäisi periytyä isältä elementiltä.

Lisää esimerkkejä

Aseta alapuolen reunan leveys
Tämä esimerkki näyttää, miten voit asettaa alapuolen reunan leveyden.

Tekninen yksityiskohta

Oletusarvo: keskipitkä
Perinnäisyys: ei
Versio: CSS1
JavaScript-kieli: object.style.borderBottomWidth="thick"

Selaimen tuki

Taulukossa olevat numerot mainitsevat 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".