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 asetetaan todellisuudessa 0:een. Negatiivisia pituusarvoja ei sallita.

Huomautus:Ilmoita aina border-style-ominaisuus ennen border-bottom-width-ominaisuutta. Elementti voi muuttaa reunansa leveyttä vain sen jälkeen, kun se on saanut reunan.

Katso myös:

CSS -opas: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;

Ominaisuuden arvo

Arvo Kuvaus
thin Määrittelee ohuen alapuolen reunan.
keskivaiheinen Oletusarvo. Määrittelee keskivaiheisen alapuolen reunan.
thick Määrittelee paksun alapuolen reunan.
length Mahdollistaa alapuolen reunan leveyden mukauttamisen.
inherit Määritellään, että reunan leveys tulisi perittää isältä elementiltä.

Lisää esimerkkejä

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

Tekninen yksityiskohta

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

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".