In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified:
- innerWidth
- innerHeight
- scrollX
- scrollY
- pageXOffset
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>root font size</title> | |
<style> | |
div#d1 { background-color: #fdd; } | |
div#d2 { background-color: #fbb; } | |
div#d3 { background-color: #f99; } | |
div#d1 > span { background-color: #99f; } |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>scrollbar test</title> | |
</head> | |
<body> | |
<script> | |
var divTag0 = document.createElement('div'); |
In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified:
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<style> | |
html { font-size: 12px; } | |
div.background-view { width: 1000px; height: 1000px; } | |
div.print-area { position: fixed; top: 10px; left: 10px; padding: 10px; } | |
</style> | |
</head> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>Window Scroll Size</title> | |
<style> | |
html { font-size: 12px; margin: 1px; padding: 2px; border: solid 3px red; } | |
body { margin: 4px; padding: 6px; } | |
body { width: 2000px; height: 2000px; } | |
body { border: solid 6px blue; } |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"/> | |
<title>Window Size</title> | |
<style> | |
html { font-size: 12px; } | |
div.fixed { position: fixed; left: calc(100% - 100px); top: 20px; } | |
div.fixed > a { font-size: 14px; } | |
</style> |
{
colors: {
helpUsageTitle: 'title'
helpUsageSyntax: '',
helpUsageOption: 'option',
helpUsageTask: 'task',
helpOptionsTitle: '',
helpOptionsName: '',
helpOptionsAlias: '',