✔️ image-orientation CSS Style Property

המאפיין image-orientation מציין תיקון בלתי תלוי בפריסה לכיוון התמונה.

תיאור
מאפיין זה נועד לשמש רק לצורך תיקון כיוון התמונות שצולמו כשהמצלמה מסובבת. אין להשתמש בו לסיבובים שרירותיים. לכל מטרה מלבד תיקון כיוון התמונה עקב אופן הצילום או הסריקה, השתמש במאפיין טרנספורמציה עם מילת המפתח rotate כדי לציין סיבוב. זה כולל כל שינוי המכוון למשתמש בכיוון התמונה, או שינויים הנדרשים להדפסה לאורך לעומת כיוון לרוחב.

אם נעשה שימוש בשילוב עם מאפייני CSS אחרים, כגון transform-function , כל סיבוב כיוון תמונה מוחל לפני כל טרנספורמציה אחרת.

דוגמא: יישום כיוון EXIF על תמונה

Demo Panel:

CSS:

111

HTML:

222