padding (proprietà CSS) imposta, con sintassi abbreviata, la quantità di spazio minimo tra il contenuto di un Elemento e i suoi i bordi superiore, destro, inferiore e sinistro (nell’ordine). Le proprietà padding impostano la quantità di spazio minimo (non massimo) da inserire tra l’oggetto e il bordo o, se non è presente un bordo, tra l’oggetto e il margine, secondo il valore inherit (ereditato), oppure indicandolo in percentuale, px, pt, cm, ecc.
Sintassi
[selettore] {
padding: [valore/i];
}
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
.padding_1 {
padding:10px;
border: 1px solid black;
}
.padding_2 {
padding:30px;
border: 1px solid black;
}
.padding_3 {
padding:50px;
border: 1px solid black;
}
</style>
<p class="padding_1"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p class="padding_2"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
<p class="padding_3"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment