ghid de Css

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.

ghid de Css

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:
    1. 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ă ).
    2. Interes dimensiune indentare superioară a corpului documentului este considerat în raport cu lățimea elementului rădăcină (tag ).
    3. Pentru elementele cu o poziție. fixat indentare este considerat în raport cu lățimea ferestrei browser-ului.
    4. 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