English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
La proprietà padding CSS è una proprietà abbreviata che definisce lo spazio tra il bordo dell'elemento e il contenuto dell'elemento, ossia il margine interno in alto, in basso, a destra e a sinistra.
La proprietà di riempimento CSS ti permette di impostare l'area di riempimento dell'elemento che separa il bordo dal contenuto. Il riempimento è influenzatoColore di sfondoL'impatto del riquadro.
Puoi utilizzare la proprietà padding CSS per specificare facilmente diversi riempimenti per i lati diversi dell'elemento (ad esempio, in alto, a destra, in basso o a sinistra).
h1 {
padding-bottom: 10px;
}
p {
padding-top: 20px;
padding-left: 50px;
}Testa e guarda‹/›La proprietà padding è una proprietà di abbellimento, per evitare di impostare separatamente il riempimento su ogni lato dell'elemento.padding-top,padding-right,padding-bottom,padding-left。
h1 {
padding: 10px 20px;
}
p {
padding: 10px 15px 20px 25px;
}Testa e guarda‹/›Attenzione:Con CSS MargineLe proprietà sono diverse, i valori della proprietà padding non possono essere negativi. Come le proprietà di margine, i valori percentuali della proprietà padding si riferiscono alla larghezza del blocco contenitore generato.
Questa proprietà padding può accettare un, due, tre o quattro valori separati da spazi.
Se impostatoUn valoreAllora viene applicato a tutte e quattro le pareti.
Se specificatoDue valoriAllora il primo valore viene applicato sia in alto che in basso, il secondo valore viene applicato a destra e sinistra.
Se specificatoTre valoriAllora il primo valore viene applicato in alto, il secondo valore viene applicato a destra e sinistra, e l'ultimo valore viene applicato in basso.
Se specificatoQuattro valoriSe specificate, applicarle in ordine rispettivo in alto, destra, basso e sinistra.