By using Consumer
like functional interface.
The sample code is as follows:
package mypackage;
import static mypackage.MyData.NamedParam.*;
(Node.js v0.11〜)
typeof=o protoToStr proto=ObjProto proto=null ctor=Obj ctor=null protoCtor=Obj protoCtor=null
-- strict plain object --
(1) true true true false true false true false
(2) true true true false true false true false
(3) true true true false true false true false
-- wider plain object --
(4) true true false true false false false false
{
colors: {
helpUsageTitle: 'title'
helpUsageSyntax: '',
helpUsageOption: 'option',
helpUsageTask: 'task',
helpOptionsTitle: '',
helpOptionsName: '',
helpOptionsAlias: '',
<!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> |
<!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"/> | |
<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> |
In the specification about Window object [CSSOM View Module], the following properties related to window position and size are specified: