/third_party/blink/web_tests/external/wpt/css/css-values/vh-support-margin.html

https://github.com/chromium/chromium · HTML · 41 lines · 31 code · 10 blank · 0 comment · 0 complexity · 23d0fbe633881c9acdfe164a5125d26d MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html>
    3. 

  3. <head>
    4. 

  4. 	<meta charset="utf-8">
    5. 

  5. 	<title>
    6. 

  6. 		CSS Values and Units Test:
    7. 

  7. 		Viewports units are supported in margin properties
    8. 

  8. 	</title>
    9. 

  9. 	<meta name="assert" content="
    10. 

  10. 		Viewports units are supported in margin properties
    11. 

  11. 	" />
    12. 

    13. 

  13. 	<link
    14. 

  14. 		rel="author"
    15. 

  15. 		title="François REMY"
    16. 

  16. 		href="mailto:francois.remy.pub@outlook.com"
    17. 

  17. 	/ >
    18. 

  18. 

  19. 	<link rel="help" href="http://www.w3.org/TR/css3-values/#viewport-relative-lengths">
    20. 

  20. 

  21. 	<link
    22. 

  22. 		rel="match"
    23. 

  23. 		href="reference/all-green.html"
    24. 

  24. 	/>
    25. 

  25. 

  26. 	<style type="text/css">
    27. 

  27. 

  28. 			html, body { margin: 0px; padding: 0px; height: 100%; }
    29. 

  29. 

  30. 			html { background: green; }
    31. 

  31. 			#target { background: red; width: 100%; height: 100%; margin-left: -100vw; margin-top: -100vh; }
    32. 

  32. 

  33. 	</style>
    34. 

  34. 

  35. </head>
    36. 

  36. <body>
    37. 

  37. 

  38. 	<div id="target"></div>
    39. 

  39. 

  40. </body>
    41. 

  41. </html>
    42.