CSS padding-top proprietate este utilizat pentru a indica mărimea elementului liniu intern superior care este situată între limita superioară a cadrului său (CSS border-top) și conținutul. Spre deosebire de câmpul extern superior (CSS margine-top), culoarea indentare este întotdeauna același ca element de model.
Amplasarea elementului de umplutură sus - padding-top.
Dacă trebuie să specificați pietre de umplutură pe toate laturile elementului, puteți folosi CSS proprietatea padding.
tipul de proprietate
Aceasta se aplică: toate elementele cu excepția etichetele
. . . . . și afișa elemente cu masă coloane egale, table-coloană-grup, table-header-group, table-footer-group, tabel rânduri-grup, masă rânduri.
Dacă eticheta
Cererile vor fi proprietatea CSS border-colaps: colaps, capitonarea-sus vor fi ignorate.
Valoarea proprietăților CSS padding-top este o indicație a mărimii Panglica de sus din următoarele moduri.
- Dimensiune - distanța în unități relative sau absolute primite în CSS, de exemplu, pixeli (px), puncte (pt), centimetri (cm), etc. Valorile negative nu sunt permise.
- Procent - distanța în procente (%), care este luat ca 100% lățimea (adică lățimea) a elementului-strămoș al următorului algoritm:
- Pentru nepozitsioniruemyh și elemente relativ poziționate (poziția CSS. Static sau relativă) calculul indentare superioară este în raport cu lățimea de cel mai apropiat bloc (bloc) -ancestor bloc încorporat elementul (inline-block) sau celula de masă, iar dacă nu există nici una, atunci lățimea corpului documentului ( etichetă ).
- Interes dimensiune indentare superioară a corpului documentului este considerat în raport cu lățimea elementului rădăcină (tag ).
- Pentru elementele cu o poziție. fixat indentare este considerat în raport cu lățimea ferestrei browser-ului.
- Pentru elementele cu o poziție. indentare absolută este considerată relativ lățime a unui element, care este poziționat, și ținând cont de materialul de umplutură internă, și dacă nu există un astfel de element, lățimea relativă a ferestrei browserului.
Puteți specifica un procentaj negativ.
- moștenesc - moștenesc valoarea padding-partea superioară a elementului mamă.
Rezultatele Interes: se referă la lățimea elementului părinte sau fereastra de browser.
Valoarea implicită este 0.
padding-top: dimensiunea | interes | moșteni
Exemplu CSS: padding-top utilizare
Rezultat. Folosind proprietățile CSS padding-top.
articole similare