Ta članek je zrcalni članek strojnega prevajanja, kliknite tukaj za skok na izvirni članek.

Pogled: 11596|Odgovoriti: 0

[HTML/HTML5] HTML robovi in notranji robovi so podrobno pojasnjeni

[Kopiraj povezavo]
Objavljeno na 30. 10. 2014 16:21:55 | | |

Lastnost polnjenja določa prostor med robom elementa in vsebino elementa.

Ta lastnost lahko zavzame 4 vrednosti:

•Če je določena vrednost, na primer div {polding: 50px} - so vse štiri strani polnjenja 50 px.
•Če sta določeni dve vrednosti, na primer div {polnilo: 50px 10px} - zgornje in spodnje polnilo je 50 px, levo in desno pa 10 px.
•Če določite tri vrednosti, na primer div {polding: 50px 10px 20px} - zgornje in spodnje polnjenje je 50 px, levo in desno polnjenje 10 px, spodnje pa 20 px.
•Če določite štiri vrednosti, na primer div {polding: 50px 10px 20px 30px} - zgornje polnjenje je 50 px, desno 10 px, spodnje 20 px in levo 30 px.


DIV CSS rob se nanaša na rob besed v atributu CSS, rob pa je rob, ki določa štiri strani objekta, brez barve ozadja in barve.
1. Skladnja robov
Margin:10px
Vrednost roba je številka + html enota, lahko pa je tudi samodejna (avtomatska, prilagodljiva)
2. Struktura aplikacije
Div{margin:10px}
Nastavi div objekt na 10px razmik
3. Opis roba
Rob je razdalja med zunanjim robom predmeta in epitaksialnim robom.
Obstajajo tri situacije, v katerih je vrednost roba lahko pozitivno celo število in negativno celo število ter se doda enota, kot so PX piksli (levi rob: 20px); auto se lahko uporablja kot samodejni atribut (levo rob: auto auto); To je lahko odstotna (%) vrednost (margin-left: 3%).
Razširitev roba (določite ločeno besedo za atribut štiristranskega razmika)
Levi rob objekt levi rob (rob levo: 5px; Leva razdalja podaljška 5px)
rob-desno Desni rob predmeta (rob-desno: 5px; Desna razdalja raztezanja 5px)
Objekt na vrhu roba (margin-top: 5px; Zgornja epitaksialna razdalja 5px)
margin-bottom objekt (margin-bottom: 5px; Nižja epitaksialna razdalja 5px)




Prejšnji:Kako odstranim spodnjo črto hiperpovezave v HTML?
Naslednji:Poglej osnovnošolce, kako igrajo LOL in vse ubijejo v nekaj sekundah! (Original najnovejšega igralca)
Disclaimer:
Vsa programska oprema, programski materiali ali članki, ki jih izdaja Code Farmer Network, so namenjeni zgolj učnim in raziskovalnim namenom; Zgornja vsebina ne sme biti uporabljena v komercialne ali nezakonite namene, sicer uporabniki nosijo vse posledice. Informacije na tej strani prihajajo z interneta, spori glede avtorskih pravic pa nimajo nobene zveze s to stranjo. Zgornjo vsebino morate popolnoma izbrisati z računalnika v 24 urah po prenosu. Če vam je program všeč, podprite pristno programsko opremo, kupite registracijo in pridobite boljše pristne storitve. Če pride do kakršne koli kršitve, nas prosimo kontaktirajte po elektronski pošti.

Mail To:help@itsvse.com