Vad är vaddering?
Vaddering är en CSS-egenskap som lägger till genomskinlig "luft" runt ett element, vilket skapar avstånd mellan innehållet och elementgränserna.
Typer av vaddering:
- Övre vaddering (padding-top): Lägger till utrymme ovanför innehållet.
- Höger vaddering (padding-right): Lägger till utrymme till höger om innehållet.
- Nedre vaddering (padding-bottom): Lägger till utrymme under innehållet.
- Vänster vaddering (padding-left): Lägger till utrymme till vänster om innehållet.
Exempel på användning:
För att lägga till avstånd inom ett element, använd följande CSS:
element {
padding: 10px;
}
Detta lägger till 10 pixlar med utrymme runt om i elementet.
Syfte:
- Separera innehåll från gränser.
- Skapa visuell hierarki och organisering.
- Förbättra läsbarhet och användbarhet.
Tillgänglighetsfördelar:
- Ökar avståndet mellan element, vilket gör det lättare att skilja mellan dem.
- Minskar trängsel, vilket gör det lättare för användare att fokusera på innehållet.
- Förbättrar navigeringen för användare med funktionshinder.