Base de donnees MySQL introduction
La propriété image-rendering permet de contrôler la qualité d'affichage d'une image. Utiliser cette propriété pour améliorer l'affichage des images sur votre site web
image-rendering: auto|smooth|high-quality|crisp-edges|pixelatedles valeurs possibles pour cette propriété :
Exemple Copier le code
img { image-rendering: crisp-edges; }
Valeurs par défaut | auto |
---|---|
Inherited: | oui |
Animable : | non En savoir plus sur l'animable |
Version: | CSS3 |
Syntaxe JavaScript: | object.style.imageRendering="pixelated" |
Exemple Copier le code
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <title>La propriété css image-rendering</title> <style> img { image-rendering: crisp-edges; } </style> </head> <body> <img src="https://loremflickr.com/640/360" alt="Une belle image"> </body> </html>Ce code affichera l'image avec des bords nets, car la propriété image-rendering a été définie sur crisp-edges. Si vous voulez utiliser une valeur différente pour cette propriété, vous pouvez simplement la remplacer par l'une des autres valeurs possibles (auto, pixelated ou smooth).
Explorateur | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
Verssion | 41 | 79 | 65 | 10 | 28 |