Mwili wa style padding
- Makuzi ya mbali overflowY
- Makuzi ya mbele paddingBottom
- Returuhu kufikia juu Mfumo wa Style ya HTML DOM
定义和用法
padding
属性设置或返回元素的内边距。
Majina hii inaweza kuwa na thamani kumi na moja au kumi na nane:
Majina ya margin na Tabia ya padding Zitengeneza mawimbi huko kwenye kiwango kimeingia. lakini, tofauti ina ni kwamba margin inapakia mawimbi huko kwenye ukufungaji, na padding inapakia mawimbi ndani ya ukufungaji
- Aina moja, kwa mfano: div {padding: 50px} - mbarabara yote tano yana upepo wa ndani wa 50px
- Vilivyo mbili, kwa mfano: div {padding: 50px 10px} - upepo wa ndani wa kati na kushoto-washoto ni 50px, upepo wa ndani wa kushoto na kushoto ni 10px
- Nakala tatu, kama: div {padding: 50px 10px 20px} - padding ya kina juu ni 50px, padding ya kina kwa kushoto na kulia ni 10px, padding ya kina chini ni 20px
- Nakala nane, kama: div {padding: 50px 10px 20px 30px} - padding ya kina juu ni 50px, padding ya kina kwa kushoto ni 10px, padding ya kina chini ni 20px, padding ya kina kwa kulia ni 30px
Tazama pia:
Mafunzo ya CSS:Mwili wa CSS kuanzia
Kitabu cha kusoma cha CSS:Tabia ya padding
Mifano
Mwongozo 1
Kumwambia kina <div> tabia ya padding:
document.getElementById("myDiv").style.padding = "50px 10px 20px 30px";
Mwongozo 2
Kumwambia kina <div> tabia ya padding zote mbili na mbili na nyingi kwa "25px":
document.getElementById("myDiv").style.padding = "25px";
Mwongozo 3
Kurudia padding ya kina <div>:
alert(document.getElementById("myDiv").style.padding);
Mwongozo 4
Kawaida ya tabia ya margin na padding:
function changeMargin() { document.getElementById("myDiv").style.margin = "100px"; } function changePadding() { document.getElementById("myDiv2").style.padding = "100px"; }
Mwiliwa wa kiwango
Kurudia tabia ya padding:
object.style.padding
Kuzingatia tabia ya padding:
object.style.padding = "%|length|initial|inherit"
Jumuiya ya tabia
Jumuiya ya matokeo | Kuwasiliana |
---|---|
% | Inadhiirishwa kwa nukuu ya kiini cha uga wakati huu ya nusuli. |
length | Inadhiirishwa kwa miwango inayohusiana na msaada wa kiini. |
initial | Kuweka tabia hii kwa mivuno wa kuzingatia kwa ujumbe. Tazama: initial. |
inherit | Kumekuja kufikia katika kina wa uga wakati huu ya tabia hii. Tazama: inherit. |
Maonyesho ya tekni
Mivuno wa kuzingatia: | 0 |
---|---|
Jumuiya ya matokeo: | Tukio, inasikitau na msingi wa kitu hiki kwa sababu ya mawili. |
Version ya CSS: | CSS1 |
browseri inahusha
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Msaada | Msaada | Msaada | Msaada | Msaada |
- Makuzi ya mbali overflowY
- Makuzi ya mbele paddingBottom
- Returuhu kufikia juu Mfumo wa Style ya HTML DOM