image-orientation-none-image-document-ref.html (1563B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Images Module Level 3: image-orientation: none in image documents</title> 6 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org"> 7 <link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-orientation"> 8 <style> 9 iframe { 10 display: inline-block; 11 margin-right: 20px; 12 margin-bottom: 10px; 13 width: 120px; 14 height: 110px; 15 vertical-align: top; 16 } 17 </style> 18 </head> 19 <body> 20 <p>The images should rotate respecting their EXIF orientation because image 21 documents always respect the orientation, regardless of the image-orientation 22 property.</p> 23 <iframe src="../support/exif-orientation-1-ul-pre-rotated.jpg" frameborder=0></iframe> 24 <iframe src="../support/exif-orientation-2-ur-pre-rotated.jpg" frameborder=0></iframe> 25 <iframe src="../support/exif-orientation-3-lr-pre-rotated.jpg" frameborder=0></iframe> 26 <iframe src="../support/exif-orientation-4-lol-pre-rotated.jpg" frameborder=0></iframe> 27 <br> 28 <iframe src="../support/exif-orientation-5-lu-pre-rotated.jpg" frameborder=0></iframe> 29 <iframe src="../support/exif-orientation-6-ru-pre-rotated.jpg" frameborder=0></iframe> 30 <iframe src="../support/exif-orientation-7-rl-pre-rotated.jpg" frameborder=0></iframe> 31 <iframe src="../support/exif-orientation-8-llo-pre-rotated.jpg" frameborder=0></iframe> 32 <br> 33 <iframe src="../support/exif-orientation-9-u-pre-rotated.jpg" frameborder=0></iframe> 34 </body> 35 </html>