Comment agrandir une image en css
Résolu/Fermé
Lili_754
Lili_754
- Messages postés
- 125
- Date d'inscription
- mercredi 18 avril 2012
- Statut
- Membre
- Dernière intervention
- 31 mai 2016
Lili_754
- Messages postés
- 125
- Date d'inscription
- mercredi 18 avril 2012
- Statut
- Membre
- Dernière intervention
- 31 mai 2016
A voir également:
- Agrandir une image css
- Agrandir image css - Meilleures réponses
- Css agrandir image - Meilleures réponses
- Comment agrandir une image en css ✓ - Forum - CSS
- Comment agrandir une image en cliquant ✓ - Forum - Webmaster
- Agrandir une image au passage de la souris ✓ - Forum - Webmaster
- Comment redimensionner des images d'un site via le code HTML ? ✓ - Forum - HTML
- Redimensionner une image css - Forum - CSS
2 réponses
Bonjour vous avez width et height(largeur et hauteur respectivement).
Pas besoin de passer par le CSS toutefois vous pouvez le faire par un simple attribut HTML. Bien sûr en agrandissant une taille de base vous perdrez beaucoup en qualité, autant avoir l'image dans la bonne taille sinon vous aurez des pixels étirés et ça se verra.
Je vous donne quand même un code:
en html
<img src='mon_image.jpg' WIDTH='120%' />
<!--- la hauteur sera agrandit de façon homothétique en n'indiquant que la largeur ou hauteur, pour indiquer une valeur en pixel ne mettez pas d'unité derrière la valeur-->
en CSS
<img src='mon_image.jpg' style='width:320px;' />
<!-- toutes les unités possibles en css peuvent être utilisées-->
Pas besoin de passer par le CSS toutefois vous pouvez le faire par un simple attribut HTML. Bien sûr en agrandissant une taille de base vous perdrez beaucoup en qualité, autant avoir l'image dans la bonne taille sinon vous aurez des pixels étirés et ça se verra.
Je vous donne quand même un code:
en html
<img src='mon_image.jpg' WIDTH='120%' />
<!--- la hauteur sera agrandit de façon homothétique en n'indiquant que la largeur ou hauteur, pour indiquer une valeur en pixel ne mettez pas d'unité derrière la valeur-->
en CSS
<img src='mon_image.jpg' style='width:320px;' />
<!-- toutes les unités possibles en css peuvent être utilisées-->
- Messages postés
-
125
- Date d'inscription
- mercredi 18 avril 2012
- Statut
- Membre
- Dernière intervention
- 31 mai 2016
211 mai 2012 à 18:03