Hva Er Padding Tag?

Cascading Style Sheet egenskaper definere en Web-side design ved å bruke disse egenskapene til spesifikke HTML-koder. Når polstringen egenskap er assosiert med en kode som det endrer avstand rundt elementene i merkelappen. Padding spiller en svært spesiell rolle i CSS, og brukes på riktig måte vil gjøre HTML både attraktive og enkle å justere.

padding Definert

Polstringen Eiendommen er en del av CSS "box-modellen", som bruker en undergruppe av eiendommer for å definere hvert element som en boks i en webside. Selv tekst er inneholdt i en CSS-boksen. Polstringen eiendom definerer hvor mye plass rundt innholdet i boksen. Når du endrer padding eiendom for en boks, kan det vokse eller krympe slik at riktig mengde polstring, avhengig av andre innstillinger, og om størrelsen boksen er definert med annen CSS-koden. Padding er også den egenskap at forskyver stillingen av innholdet i en boks.

Padding vs. Margin

Stopp funksjoner forskjellig fra margen egenskap, som definerer rommet mellom boksen og andre bokser. Det kan være fristende å bruke padding eiendom for avstand, og når en boks er gjennomsiktig effekten kan se det samme. Men dette kan føre til problemer hvis du senere legge til en skisse eller bakgrunn til boksen. Ved konsekvent å bruke padding og margin egenskaper for sine tiltenkte formål, vil du sikre at din CSS-kode vil være lettere å justere når det er nødvendig.

Ved hjelp av Padding

Polstringen stedet bruker variabler for å beskrive både mengden av polstring og sidene av innholdet på å anvende polstring. Det vanligste formatet for å beskrive padding er å bruke fire tall, som representerer toppen, til høyre, nederst og venstre side av boksen. Følgende CSS-kode gjelder 10 piksler over og under innholdet av hver <p> tag og 20 piksler i padding til venstre og høyre side:

p {padding: 10px 20px 10px 20px}

Mengden av polstringen kan uttrykkes i en hvilken som helst CSS måling format, oftest i bildepunkter, eller som en prosentandel.

variasjoner

Hvis du vil bruke padding til bare én side, kan du bruke enten den primære padding eiendom med riktige variabler eller den spesifikke padding eiendom for den siden: padding-top, padding-bottom, padding-venstre eller padding-høyre. Bruke padding eiendom med et enkelt tall gjelder like mye padding til alle sider av innholdet:

padding: 25px

Ved hjelp av to tall som gjelder den første verdien til toppen og bunnen og den andre verdien til venstre og til høyre:

padding: 25px 10px

Ved hjelp av tre tall vil gjelde den første verdien til toppen, den andre verdien til begge sider og den tredje til bunnen:

padding: 25px 10px 15px