CSS padding-bottom ominaisuus

Määrittely ja käyttö

padding-bottom ominaisuus asettaa elementin alareunavälin (alareunaan oleva tyhjä tila).

Selitys

Tämä ominaisuus asettaa elementin alareunavälin leveyden. Alareunaväli ei vaikuta rivin korkeuden laskentaan sisennetyillä inline-elementeillä, joten elementti, jolla on sekä sisennykset että tausta, voi näyttää visuaalisesti levittäytyvän muihin riveihin ja saattaa törmätä muihin sisältöihin. Miinusarvoja ei sallita.

Kommentti:Ei sallita miinusarvoja.

Katso myös:

CSS opetusohjelma:CSS sisätilaus

HTML DOM viittausopas:paddingBottom ominaisuus

Esimerkki

Aseta p-elementin alareunaväli:

p
  {
  padding-bottom:2cm;
  }

Kokeile itse

(Lisätietoja löydät sivun alalta)

CSS kieli

padding-bottom: length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
length Määritellään tarkka yksikköinen alareunaväliarvo, kuten pikselit, sentit jne. Oletusarvo on 0px.
% Määritellään peräisestä elementin leveydestä laskettu prosenttiosuuden alareunaväli. Tämä arvo ei toimi odotetusti kaikissa selaimissa.
inherit Määritellään, että alareunaväli tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

Oletusarvo: 0
Perinnäisyys: ei
Versio: CSS1
JavaScript kieli: object.style.paddingBottom="10px"

TIY esimerkki

Aseta alareunaan sisennykseltä 1
Tämä esimerkki näyttää, kuinka senttimetrillä voidaan asettaa solun alareunaan sisennykseltä.
Aseta alareunaan sisennykseltä 2
Tämä esimerkki näyttää, kuinka prosenttiosuudella voidaan asettaa solun alareunaan sisennykseltä.

Selaimen tuki

Taulukossa olevat numerot antavat tiedon ensimmäisestä selaimesta, joka täysin tukee tätä ominaisuutta.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5