Caddellatu CSS hè una di e pruprietà di u mudellu di box CSS . Questa proprietà d'uttene stalla u padding per e quattru parti di un elementu HTML. Caddinu di CSS pò esse appiicatu à quasi ogni tag HTML (cellu da qualchì parolle di ei tag di table). Inoltre, i quattru parti di l'elementu ponu avè un valore sfarenti.
CSS Padding Property
Per utilizà a proprietà di furmannu CSS, pudarà utilizà a "TRouBLe" mnemotica (o "TRiBbLe" per voi Fans di Star Trek). Questu hè persunale per u top , right , bottom , and left , è si fa riferimentu à l'ordine di l'inturniali di padding chì stabilisce in a proprietà d'uttene. Per esempiu:
padding: top right bottom left; padding: 1px 2px 3px 6px;Se utilizate i valori alcunu indicati, applicaria un valore di apprufittendu diversità à ogni parte di quellu elementu HTML quandu l'appricà. Se vulete dumandà l'appiccicate à e quattru parti, pudete simplificà u vostru CSS è scrive un valore:
padding: 12px;Cù sta linea di CSS, 12 pixelli di padding applicàghjanu à i 4 parte di l'elementu.
Se vulete chì u padding hè uguali per a cima è u fondu è di left and right, pudete scrive dui valori:
padding: 24px 48px;U primu valore (24px) applicaria à a cima è di u fondu, mentre chì a seconda appieghjani à a manu manca u diritta.
Sè scritte trè valori, chì farà u padding horizontale (left and right) u listessu, mentre cambiendu a cima è u fondu:
padding: top bottom right-and-left; padding: 0px 1px 3px;Sicondu u mudellu di boxe CSS, u padding hè vicinu à l'elementu / cuntenutu stessu. Questu significa chì u padding hè aghjuntu à un elementu trà u largu o l'altitudine di cuntenutu, è qualsiasi valori di cunfini chì utilizate. Se u padding hè setatu à u dumellu, ci hè u listessu alloghju cum'è u cuntenutu.
CSS Padding Values
Caddellatu CSS pò piglià qualchì u valore di u largu nè negativu. Assicuratevi di specificà a misura, cum'è px o em. Pudete puru specifià un percentinu per u vostru padding, chì serà un percentinu di a larghezza di u bloccu chì cuntene l'elementu. Questu incluye per u padding top è fundale. Per esempiu:
#container {width: 800px; altu: 200px; } #container p {anchura: 400px; altu: 75%; padding: 25% 0; }L'altezza di u paràgrafu in l'elementu # cuntenutu serà u 75% di l' altitudine di u cuntenutu più u 25% di l'larghezza per u padding superiore è u 25% di l'larghezza per u padding fundale. Questu tutale di 300 + 200 + 200 = 700pc.
Effiani di Adding CSS Padding
À l'elementi di ubligatoriu , u padding hè aplicatu nantu à i quattru parti. Perchè l'elementu hè un pezzu o boxu, u padding hè applicatu à e boxe.
Quandu u padding CSS hè aghjuntu à elementi inline , pò esse duie overlapping d'elementi sopra è in sottu à l'elementu in linea si u padding verticale supera l'altura di a ligna, ma ùn pruvate micca l'alta di a linea. Cumpulatu di CSS horizontale aplicatu à elementi in linea serà aghjuntu à u principiu di l'elementu è a fini di l'elementu. U rinfrisca pò sculaccià linii. Ma ùn anu micca applicà à e fila di un elementu multi-linea, perchè ùn pudete micca usà padding per indentà un segmentu di cuntenutivu di linea multiplica.
In corsu, ancu in CSS2.1, ùn pudete micca creà blocchi di cuntenutu chì induve a larghezza dipende nantu à un elementu cù percentuali per anch'elli (o anchufi di padding). Sì u vostru risultatu hè indefinitore. Ogni persunale anu sempre oghje u cuntenutu, ma pudete micca avè u risultatu chì aspetta. Se pensate micca nantu à u sensu, cumu si u vostru cumpunente elementu deve sapè l'anch'elli di i so elementi umanu per definisce a larghezza, cum'è quandu ùn hà micca un anellu predefinitu, è unu o più una larghezza settata com'è un percentinu di l'elementu cuntenutu, questu crea una catena circulante senza risposta. Se u percentualite per anche altri di qualcosa nantu à u vostru documentu, deve esse verificate chì l'elementi di l'elementi parentali sò definiti ancu.