Padding հատկությունը
padding հատկությունը սահմանում է տարրի ներքին
բացը: Հատկության արժեքը կարող է լինել ցանկացած
չափման միավոր:
Լռելյայնորեն, յուրաքանչյուր բրաուզեր
կարող է ավելացնել տարրերին տարբեր բացեր:
Հատկությունը հապավում է հետևյալ հատկությունների համար՝
padding-top,
padding-right,
padding-bottom,
padding-left:
Շարահյուսություն
ընտրիչ {
padding: արժեք;
}
Պարամետրերի քանակը
padding հատկությունը ընդունում է 1,
2, 3 կամ 4 արժեքներ,
որոնք թվարկվում են բացատով առանձնացված՝
| Քանակ | Նկարագրություն |
|---|---|
1 |
Մեկ արժեքը սահմանում է բացը տարրի բոլոր կողմերից: |
2 |
Առաջին արժեքը սահմանում է բացը վերևից և ներքևից, իսկ երկրորդը՝ աջից և ձախից: |
3 |
Առաջին արժեքը սահմանում է բացը վերևից, երկրորդը՝ աջից և ձախից, իսկ երրորդը՝ ներքևից: |
4 |
Առաջին արժեքը սահմանում է բացը վերևից, երկրորդը՝ աջից, երրորդը՝ ներքևից, իսկ չորրորդը՝ ձախից: |
Օրինակ
Այս դեպքում լռելյայն ներքին բացը կլինի զրոյական, և տեքստը կսեղմվի բլոկի սահմանին.
<div id="elem">
some long text
</div>
#elem {
padding: 0;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
Օրինակ
Իսկ այժմ եկեք ստեղծենք 30px ներքին բաց.
<div id="elem">
some long text
</div>
#elem {
padding: 30px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
Օրինակ
Այժմ վերևից և ներքևից բացը կլինի 20px,
իսկ աջից և ձախից՝ 5px.
<div id="elem">
some long text
</div>
#elem {
padding: 20px 5px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
Օրինակ
Այժմ վերևից բացը 5px է, աջից՝
15px, ներքևից՝ 25px, ձախից՝
35px.
<div id="elem">
some long text
</div>
#elem {
padding: 5px 15px 25px 35px;
width: 300px;
border: 1px solid black;
text-align: justify;
}
:
Տես նաև
-
marginհատկությունը,
որը սահմանում է արտաքին բաց