Live
x
<html> <head> <title>Padding</title> </head> <style> div { border: 1px solid orange; width: 200px; text-align: center; margin: 10px; background: lightgreen; } .one { /* Zastosowanie takiej samej wartości dla wszystkich czterech paddingów */ padding: 10px; } .two { /* Różne wartości paddingu dla każdej z czterech stron */ padding-top: 10px; padding-left: 5px; padding-right: 20px; padding-bottom: 0; } .three { /* Używając tylko dwóch wartości określamy padding dla top/bottom oraz left/right */ padding: 5px 30px; } .four { /* Używając tylko trzech wartości określamy padding dla "top left/right bottom" */ padding: 30px 10px 50px; } </style> <body> <section> <div>Element bez paddingu</div> <div class="one">Element 1</div> <div class="two">Element 2</div> <div class="three">Element 3</div> <div class="four">Element 4</div> </section> </body></html>
External CSS
This Pen doesn't use any external CSS resources.
External JavaScript
This Pen doesn't use any external JavaScript resources.