Praneškite apie mus:


CSS parametras - margin

0

Margin parametras yra sutrumpinta versija parametrų: margin-top, margin-right, margin-bottom ir margin-left. Į parametra margin galima surašyti visų šių parametrų reikšmes būtent tokia tvarka, kaip surašyta anksčiau. Margin parametras nurodo atstumus tarp elemento rėmelio ir kito, šalia esančio elemento.



Pavyzdys

1
2
3
4
5
6
7
8
9
10
11
12
13
/*
atstumai:
 
į viršų 5px
į dešinę 10px
į apačią 5px
į kairę 10px
 
*/
 
div {
margin:5px 10px 5px 10px;
}

 

Praleidžiant vieną reikšmę:

1
2
3
4
5
6
7
8
9
10
11
12
13
/*
atstumai:
 
į viršų 6px
į dešinę 7px
į apačią 8px
į kairę 7px
 
*/
 
div {
margin:6px 7px 8px;
}

 

Praleidžiant dvi reikšmes:

1
2
3
4
5
6
7
8
9
10
11
12
13
/*
atstumai:
 
į viršų 20px
į dešinę 25px
į apačią 20px
į kairę 25px
 
*/
 
div {
margin:20px 25px;
}

 

Praleidžiant tris reikšmes:

1
2
3
4
5
6
7
8
9
10
11
12
13
/*
atstumai:
 
į viršų 30px
į dešinę 30px
į apačią 30px
į kairę 30px
 
*/
 
div {
margin:30px;
}

 

Nustatant elementą per vidurį:

1
2
3
div {
margin: 0px auto;
}

 

Galimos reikšmės

Reikšmė Aprašymas
auto Naršyklė pati paskaičiuoja margin reikšmę
ilgis Nurodome margin atstumą kokiais nors css matavimo vienetais: px, pt, cm, em ir t.t.
% Nurodome margin atstumą procentais
inherit
Elemento stiliai turi būti paveldimi iš tėvinio elemento. Elemento, kuriame yra šis elementas.

 

Techninė informacija

Pradinė reikšmė 0
Paveldėta ne
Kurios versijos CSS1
JavaScript išraiška object.style.margin="reikšmė"
Naršyklių palaikymas ie ff opera chrome safari

Papildoma informacija: Nė viena Internet Explorer versija nepalaiko parametro inherit

 

Perskaityta: 2340 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
žinynas    css    parametrai   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti
CSS parametrai
Naudingos nuorodos
Informacija ir viskas kas yra pateikta manualai.lt puslapiuose yra nemokama, tačiau, galite mus paremti per PayPal: