Vaddering är en av de viktigaste aspekterna av och . I den här artikeln kommer vi att diskutera vikten och användningen av Padding i CSS i följande ordning:
Vad är Padding i CSS?
Med vadderingsegenskapen kan du ange var du ska ange och hur mycket utrymme som ska visas mellan innehållets text för ett element och dess kant. Värdet på detta attribut ska vara en längd eller en procent eller ordet.
Om värdet ärvs kommer det att vara samma stoppning som det överordnade. Här, om procentsatsen används, är procentsatsen för den innehållande rutan.
Vadderingsegenskaper
Följande egenskaper för Padding i CSS kan användas för att styra listor. Ändå kan du också ställa in olika värden för stoppningen på någon av sidorna av rutan, huvudsakligen med följande egenskaper:
Vadderingsbotten: det specificerar bottenvadd på ett element.
Vadderingstopp: Den anger den översta stoppningen av ett element.
Vaddering-vänster: Den specificerar elementets vänstra stoppning.
Vaddering-höger: Den anger rätt stoppning av elementet.
Stoppning: Detta fungerar som en förkortning för ytterligare fastigheter.
Padding-bottom-egenskapen:
Detta är inställt på nedre vaddering av ett element. Det kan ta värdena i procent.
Detta är det avsnitt som specificeras nedre stoppningen
Detta är ett annat stycke som specificeras nedre vadderingen i procent
Produktion:
Padding-top Property
Den här padding-top-egenskapen kommer att ställa in topp-paddningen för ett element. Detta kan ta värden i längd i procent.
Detta är det avsnitt som anges överst vaddering
Detta är ett annat stycke som anges översta vaddering i procent
hur man konverterar dubbelt till heltal i java
Produktion:
Padding-left-egenskapen
Den här padding-left-egenskapen ställer in den vänstra paddingen för ett element. Det kan ta värden i längd i procent.
Detta är det avsnitt som anges till vänster vaddering
Detta är ett annat stycke som anges vänster stoppning i procent
Produktion:
Padding-right Property
Den här padding-right-egenskapen ställer in rätt padding för ett element. Det kan ta värden i längd i procent.
Detta är det stycke som anges rätt stoppning
Detta är ett annat stycke som anges rätt stoppning i procent
Produktion:
Padding Property
Denna utfyllnadsegenskap ställer in höger, vänster, övre och nedre vaddering. Detta kan ta värdena i procent.
Alla dessa fyra stoppningar kommer att vara 20 pixlar
Upp- och nedstoppning är 20 pixlar, höger och vänster kommer att vara 10% av dokumentets totala bredd
Java-analyssträng hittills
Toppning och bottenplatta är 20 pixlar, högra stoppning är 3% av den totala bredden på dokumentet, bottenpolstring och toppfyllning är 20 pixlar
Produktion:
Med detta kommer vi till slutet av den här fantastiska artikeln om Padding i CSS. Jag hoppas att du har förstått de olika sätten på vilka vi kan lägga till stoppning.
Om du är intresserad av att lära dig mer om webbutveckling, kolla in av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig att skapa imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuera den till Amazon Simple Storage Service (S3).
Om du fortfarande är intresserad Om du har några frågor kan du lägga upp den i kommentarsektionen på denna 'Padding in CSS' -blogg, så återkommer vi till dig så snart som möjligt.