CSS padding-top ominaisuus

Kuvaus ja käyttö

padding-top ominaisuus asettaa elementin yläsisä reunavälin (tilan).

Kuvaus

Tämä ominaisuus asettaa elementin yläsisä reunavälin leveyden. Riveihin sijoitetut sisätilat eivät vaikuta rivien korkeuden laskentaan, joten elementti voi näyttää ulottuvan muihin riveihin ja saattaa ristiriidassa muiden sisällöiden kanssa. Negatiivisia sisätilojen arvoja ei voida määrittää.

Huomautus:Negatiivisia arvoja ei voida käyttää.

Katso myös:

CSS-opasCSS sisätila

HTML DOM -viittauspaddingTop-ominaisuus

Esimerkki

Aseta p-elementin yläsisä reunaväli:

p
  {
  padding-top:2cm;
  }

Kokeile itse

Lisää esimerkkejä löytyy sivun alasta.

CSS-kieli

padding-top: length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
length Määritellään tarkka yksikköarvo yläsisä reunaväleelle, kuten pikseleitä tai senttimetrejä. Oletusarvo on 0px.
% Määritellään perintä isän elementin leveydelle perustuva prosenttiosuus yläsisä reunavälestä. Tämä arvo ei toimi odotetusti kaikissa selaimissa.
inherit Määritellään, että yläsisä reunaväli tulisi periä isältä elementiltä.

Tekninen tarkistus

Oletusarvo: 0
Perintä: ei
Versio: CSS1
JavaScript-kieli: object.style.paddingTop="10px"

TIY esimerkki

Aseta yläsisä reunaväli 1
Tämä esimerkki näyttää, miten senttimetrin arvoa käytetään solun yläsisä reunan asettamiseen.
Aseta yläsisä reunaväli 2
Tämä esimerkki näyttää, miten prosenttiosuus käytetään solun yläsisä reunan asettamiseen.

Selaimen tuki

Taulukon numerot huomioivat ensimmäisen selaimen version, joka tukee ominaisuutta täysin。

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