h2d.css

This is a startup documentation for h2d.css.

h2d.css is similar to html markup language. However it is turned toward efficient rendering than being able to cover every possible aspect of HTML.

Hence less possibilities but very efficient rendering speed.

Markups

• div
• label
• button
• scroll
• itemlist
• input
• slider
• hscroll

Layout Engines

• horizontal
• vertical
• dock
• inline
• absolute

Css Attributes

• overflow : [hidden|visible]
• width
• height
• spacing : ???
• horizontal-spacing
• vertical-spacing
• increment
• max-increment
• tick-[color|spacing]
• layout : [vertical|inline|absolute|dock]
• background-color
• background-tile : [ tile( assets(path/to/asset) x y w h dx dh) | youCustomResolver ]
• background-size : [cover|contain| x% y% ]
• font-[size|family]
• color
• offset
• offset-[x|y]
• dock : [top|bottom|left|right|full]
• cursor-color
• selection-color
• icon
• icon-[color|left|top]
• position : [absolute|relative]
• text-align : [left|center|right]
• display : [none|block|inline-block]

Box Model attributes

• margin
• margin-[left|right|top|bottom]
• padding
• padding-[left|right|top|bottom]
• border
• border-[left|right|top|bottom]