CSS border-bottom-width ominaisuus
- edellinen sivu border-bottom-style
- Seuraava sivu border-collapse
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; }
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".
- edellinen sivu border-bottom-style
- Seuraava sivu border-collapse