Her er den detaljerede forklaring for hver CSS-ejendom
Ejendom color
Egenskaben color
bruges til at formatere tekstfarven på et element.
Værdien kan være et farvenavn(f.eks. red
, blue
, green
), en hexadecimal kode(f.eks. "#FF0000" for red
) eller en rgb()
funktion til at angive Red, Green, Blue
værdierne.
Eksempel: color: red;
Ejendom font-size
Egenskaben font-size
bruges til at formatere størrelsen af teksten i et element.
Værdien kan være i pixels(f.eks. "12px"), em-enheder(f.eks. "1,2em"), procenter(%) eller andre relative værdier.
Eksempel: font-size: 16px;
Ejendom background-color
Egenskaben background-color
bruges til at formatere baggrundsfarven for et element.
Værdien kan også være et farvenavn, en hexadecimal kode eller en "rgb()"-funktion til at angive farven.
Eksempel: background-color: #F0F0F0;
Ejendom font-family
Egenskaben "font-family" definerer den skrifttype, der bruges til teksten i et element.
Værdien kan være et skrifttypenavn(f.eks. Arial
, Helvetica
) eller en prioriteret liste over skrifttypenavne.
Eksempel: font-family: Arial, sans-serif;
Ejendom text-align
Egenskaben "tekst-align" bruges til at justere teksten inde i et element.
Værdien kan være left
, right
, center
, eller justify
(for at retfærdiggøre tekst i begge ender).
Eksempel: text-align: center;
Ejendom width
Egenskaben "width" angiver bredden af et element.
Værdien kan være i pixels, procenter(%) eller auto
for automatisk bredde.
Eksempel: width: 300px;
Ejendom height
Egenskaben height
angiver højden af et element.
Værdien kan være i pixel
, procenter(%) eller auto
for automatisk højde.
Eksempel: height: 200px;
Ejendom border
Egenskaben border
bruges til at skabe en kant omkring et element.
Værdien kan omfatte kanttykkelse(f.eks. "1px"), border style
(f.eks. solid
, dotted
) og color
(f.eks. red
).
Eksempel: border: 1px solid black;
Ejendom margin
Egenskaben margin
definerer afstanden mellem et element og omgivende elementer.
Værdien kan være en pixelværdi(f.eks. "10px"), pixelværdier for hver retning(f.eks. "5px 10px") eller auto
for automatisk afstand.
Eksempel: margin: 10px;
Ejendom padding
Egenskaben padding
definerer afstanden mellem indholdet og kanten af et element.
Værdien kan være en pixel
værdi eller pixelværdier for hver retning.
Eksempel: padding: 20px;
Dette er blot nogle få eksempler på CSS-egenskaber og deres værdier. CSS giver mange andre egenskaber til at style og tilpasse elementer på din webside. Du kan udforske flere egenskaber og tilpasse dem for at opnå forskellige designs og effekter til din hjemmeside.