Hier is de gedetailleerde uitleg voor elke CSS-eigenschap
Eigendom color
De color
eigenschap wordt gebruikt om de tekstkleur van een element op te maken.
De waarde kan een kleurnaam zijn(bijv. red
, blue
, green
), een hexadecimale code(bijv. "#FF0000" voor red
), of een rgb()
functie om de Red, Green, Blue
waarden op te geven.
Voorbeeld: color: red;
Eigendom font-size
De font-size
eigenschap wordt gebruikt om de grootte van de tekst binnen een element op te maken.
De waarde kan in pixels zijn(bijv. "12px"), em-eenheden(bijv. "1.2em"), percentages(%) of andere relatieve waarden.
Voorbeeld: font-size: 16px;
Eigendom background-color
De background-color
eigenschap wordt gebruikt om de achtergrondkleur van een element op te maken.
De waarde kan ook een kleurnaam, een hexadecimale code of een "rgb()"-functie zijn om de kleur op te geven.
Voorbeeld: background-color: #F0F0F0;
Eigendom font-family
De eigenschap "font-family" definieert het lettertype dat wordt gebruikt voor de tekst binnen een element.
De waarde kan een lettertypenaam zijn(bijv. Arial
, Helvetica
) of een geprioriteerde lijst met lettertypenamen.
Voorbeeld: font-family: Arial, sans-serif;
Eigendom text-align
De eigenschap "text-align" wordt gebruikt om de tekst binnen een element uit te lijnen.
De waarde kan left
, right
, center
of zijn justify
(om tekst aan beide uiteinden uit te vullen).
Voorbeeld: text-align: center;
Eigendom width
De eigenschap "width" specificeert de breedte van een element.
De waarde kan in pixels, percentages(%) of auto
voor automatische breedte zijn.
Voorbeeld: width: 300px;
Eigendom height
De height
eigenschap specificeert de hoogte van een element.
De waarde kan zijn in pixel
, percentages(%) of auto
voor automatische hoogte.
Voorbeeld: height: 200px;
Eigendom border
De border
eigenschap wordt gebruikt om een rand rond een element te maken.
De waarde kan de randdikte omvatten(bijv. "1px"), border style
(bijv. solid
, dotted
) en color
(bijv. red
).
Voorbeeld: border: 1px solid black;
Eigendom margin
De margin
eigenschap definieert de afstand tussen een element en omliggende elementen.
De waarde kan een pixelwaarde zijn(bijv. "10px"), pixelwaarden voor elke richting(bijv. "5px 10px") of auto
voor automatische spatiëring.
Voorbeeld: margin: 10px;
Eigendom padding
De padding
eigenschap definieert de afstand tussen de inhoud en de rand van een element.
De waarde kan een pixel
waarde zijn of pixelwaarden voor elke richting.
Voorbeeld: padding: 20px;
Dit zijn slechts enkele voorbeelden van CSS-eigenschappen en hun waarden. CSS biedt vele andere eigenschappen om elementen op uw webpagina te stylen en aan te passen. U kunt meer eigenschappen verkennen en deze aanpassen om verschillende ontwerpen en effecten voor uw website te bereiken.