CSS margin-top ominaisuus

Määrittely ja käyttö

marginTop-ominaisuus asettaa elementin ylä reunavälin.

Huomautus:Negatiiviset arvot ovat sallittuja.

Katso myös:

CSS-opas:CSS margin

HTML DOM -viittausopas:marginTop-ominaisuus

Esimerkki

Aseta p-elementin ylä reunaväli:

p
  {
  margin-top:2cm;
  }

Kokeile itse

Lisää esimerkkejä sivun alareunassa.

CSS-kieli

margin-top: length|auto|initial|inherit;

Ominaisuusarvo

Arvo Kuvaus
auto Selaimen asettama ylä reunaväli.
length Määritellään vakio ylä reunaväli. Oletusarvo on 0.
% Määritellään ylä reunaväli sisällyttävän elementin leveyden prosenttiosuutena.
inherit Määritellään, että ylä reunaväli tulisi periä vanhemmalta elementiltä.

Tekninen yksityiskohta

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

Lisää esimerkkejä

Aseta tekstin ylä reunaväli 1
Tämä esimerkki näyttää, miten senttimetrillä voidaan asettaa tekstin ylä reunaväli.
Aseta tekstin ylä reunaväli 2
Tämä esimerkki näyttää, miten prosenttiosuudella voidaan asettaa tekstin ylä reunaväli.

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimesen version, joka tukee kyseistä ominaisuutta täysin.

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