CSS padding-left ominaisuus

Määrittely ja käyttö

padding-left-ominaisuus asettaa elementin vasen sisäisen reunavälin (tyhjää).

Kuvaus

Tämä ominaisuus asettaa elementin vasen sisäisen reunavälin leveyden. Ainoastaan ensimmäisessä riveittäisessä elementissä asetettu sisäinen reunaväli näkyy.

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

Katso myös:

CSS-opas:CSS sisätila

HTML DOM -viittausopas:paddingLeft-ominaisuus

Esimerkki

Aseta p-elementin vasen sisäinen reunaväli:

p
  {
  padding-left:2cm;
  }

Kokeile itse

Lisää esimerkkejä löytyy sivun alalta.

CSS-kieli

padding-left: length|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
length Määritellään vakioarvo tietystä yksiköstä laskettuna vakio vasesta sisäisestä reunavälistä, kuten pikseleistä tai senttimetreistä. Oletusarvo on 0px.
% Määritellään peräisin isältä elementiltä laskettu prosenttiosuus vasesta sisäisestä reunavälistä. Tämä arvo ei toimi odotetusti kaikissa selaimissa.
inherit Määritellään, että vasen sisäinen reunaväli tulisi periä isältä elementiltä.

Tekninen yksityiskohta

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

TIY-esimerkki

Aseta vasen sisäinen reunaväli 1
Tämä esimerkki näyttää, miten senttimetrillä voidaan asettaa solun vasen sisäinen reunaväli.
Aseta vasen sisäinen reunaväli 2
Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa solun vasen sisäinen reunaväli.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen selaimeen, joka täysin tukee kyseistä ominaisuutta.

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