Hoe opvulling in CSS te implementeren met voorbeelden



Dit artikel geeft u een gedetailleerde en uitgebreide kennis over hoe u Padding in CSS met voorbeelden kunt implementeren.

Padding is een van de belangrijkste aspecten van en . In dit artikel bespreken we het belang en het gebruik van Padding in CSS in de volgende volgorde:

Wat is opvulling in CSS?

Met de padding-eigenschap kunt u aangeven waar u moet specificeren en hoeveel ruimte er tussen de inhoudstekst van een element en de rand moet verschijnen. De waarde van dit kenmerk moet een lengte of een percentage zijn, of het woord.





Padding-in-CSS



Als de waarde wordt overgeërfd, is deze dezelfde opvulling als de bovenliggende waarde. Als hier het percentage wordt gebruikt, is het percentage van het vak dat erin zit.

Opvullingseigenschappen

De volgende eigenschappen van Padding in CSS kunnen worden gebruikt om lijsten te beheren. Toch kunt u ook verschillende waarden instellen voor de opvulling aan beide zijden van de doos, voornamelijk met behulp van de volgende eigenschappen:

  • Padding-onderkant: het specificeert de onderste opvulling van een element.



  • Gewatteerde bovenkant: Het specificeert de bovenste opvulling van een element.

  • Opvulling links: Het specificeert de linker opvulling van het element.

  • Padding-rechts: Het specificeert de juiste opvulling van het element.

  • Opvulling: Dit dient als een afkorting voor verdere eigenschappen.

    sorteer bibliotheek c ++

De eigenschap van de opvulling:

Dit is ingesteld op de onderste opvulling van een element. Het kan de waarden in lengte of percentage aannemen.


Dit is de door de alinea gespecificeerde onderste opvulling



Dit is een andere paragraaf gespecificeerde onderste opvulling in percentage

Uitgang:

De opvulling-top eigenschap

eclipse instellen voor java

Deze eigenschap padding-top stelt de opvulling van een element in. Dit kan waarden in lengte of percentage aannemen.


Dit is de door de alinea gespecificeerde bovenste opvulling



Dit is een andere paragraaf die de bovenste opvulling in percentage heeft gespecificeerd

Uitgang:

De eigenschap Padding-left

Deze eigenschap opvulling-links stelt de opvulling links van een element in. Het kan waarden in lengte of percentage aannemen.


Dit is de paragraaf gespecificeerd linker opvulling



Dit is een andere paragraaf gespecificeerd linker opvulling in percentage

Uitgang:

De opvulling-juiste eigenschap

Deze eigenschap padding-right stelt de juiste opvulling van een element in. Het kan waarden in lengte of percentage aannemen.


Dit is de juiste opvulling van de alinea



Dit is een andere paragraaf met de juiste opvulling in percentage

Uitgang:

De opvullingseigenschap

Deze opvullingseigenschap stelt de opvulling rechts, links, boven en onder in. Dit kan de waarden in lengte of percentage aannemen.


Al deze vier opvulling zijn 20px



De opvulling aan de boven- en onderkant is 20 px, rechts en links is 10% van de totale breedte van het document

welke ide is het beste voor java


De opvulling aan de boven- en onderkant is 20 px, de opvulling aan de rechterkant is 3% van de totale breedte van het document, de opvulling aan de onderkant en de opvulling aan de bovenkant zijn 20 px

Uitgang:

Hiermee komen we aan het einde van dit geweldige artikel over opvulling in CSS. Ik hoop dat je inzicht hebt gekregen in de verschillende manieren waarop we opvulling kunnen toevoegen.

Als je meer wilt weten over webontwikkeling, bekijk dan de door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).

Als je nog steeds geïnteresseerd bent Als je een vraag hebt, kun je deze posten in het commentaargedeelte van deze 'Padding in CSS' -blog, en we nemen zo snel mogelijk contact met je op.