Achtergrondafbeeldingen Toepassen op Elementen
background-image-eigenschap maakt het mogelijk om een afbeelding als achtergrond van een HTML-element toe te voegen. De basis syntaxis is zeer eenvoudig:
background-image: url("image-url.jpg");
Als waarde voor de background-image-eigenschap gebruiken we url(), en binnen deze haakjes geven we de url van de afbeelding op.
index.html
index.css
background-repeat
Bepaalt of de afbeelding horizontaal, verticaal, beide of helemaal niet wordt herhaald.
background-repeat: repeat | repeat-x | repeat-y | no-repeat;
index.html
index.css
background-position
background-position wordt gebruikt om de beginpositie van een achtergrondafbeelding binnen het achtergrondgebied van een element in te stellen. Met deze eigenschap kan worden aangegeven waar de achtergrondafbeelding moet worden geplaatst en hoe deze ten opzichte van het element gepositioneerd moet worden. De positie moet worden ingesteld op de x- en y-as
background-position: x y
index.html
index.css
background-size
Bepaalt hoe de achtergrondafbeelding wordt geschaald:
background-size: auto | cover | contain | value in px/em/rem;
auto: originele afbeeldingsgrootte;cover: vult het gehele element, kan bijsnijden;contain: past de volledige afbeelding in, kan lege ruimte overlaten;value: aangepaste grootte (bijv.100px50px,50%).
index.html
index.css
1. Wat doet de eigenschap background-image?
2. Wat doet de eigenschap background-repeat?
3. Welke eigenschap bepaalt de positie van de achtergrondafbeelding van een element?
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you show me an example of how to use all these background properties together?
What is the difference between `cover` and `contain` for background-size?
How do I center a background image both vertically and horizontally?
Geweldig!
Completion tarief verbeterd naar 2.56Achtergrondafbeeldingen Toepassen op Elementen
Veeg om het menu te tonen
background-image-eigenschap maakt het mogelijk om een afbeelding als achtergrond van een HTML-element toe te voegen. De basis syntaxis is zeer eenvoudig:
background-image: url("image-url.jpg");
Als waarde voor de background-image-eigenschap gebruiken we url(), en binnen deze haakjes geven we de url van de afbeelding op.
index.html
index.css
background-repeat
Bepaalt of de afbeelding horizontaal, verticaal, beide of helemaal niet wordt herhaald.
background-repeat: repeat | repeat-x | repeat-y | no-repeat;
index.html
index.css
background-position
background-position wordt gebruikt om de beginpositie van een achtergrondafbeelding binnen het achtergrondgebied van een element in te stellen. Met deze eigenschap kan worden aangegeven waar de achtergrondafbeelding moet worden geplaatst en hoe deze ten opzichte van het element gepositioneerd moet worden. De positie moet worden ingesteld op de x- en y-as
background-position: x y
index.html
index.css
background-size
Bepaalt hoe de achtergrondafbeelding wordt geschaald:
background-size: auto | cover | contain | value in px/em/rem;
auto: originele afbeeldingsgrootte;cover: vult het gehele element, kan bijsnijden;contain: past de volledige afbeelding in, kan lege ruimte overlaten;value: aangepaste grootte (bijv.100px50px,50%).
index.html
index.css
1. Wat doet de eigenschap background-image?
2. Wat doet de eigenschap background-repeat?
3. Welke eigenschap bepaalt de positie van de achtergrondafbeelding van een element?
Bedankt voor je feedback!
