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( asset(path/to/asset), x, y, w, h, [dx| dx,dy|]) | youCustomResolver ]
• background-image : [ tile( asset(path/to/asset) [x,|] [y,|] [w,|] [h,|] [dx|dx,dy|]) | youCustomResolver) ]
• background-size : [cover|contain| x% y% ]
• font-[size|family]
• color
• offset
• offset-[x|y]
• dock : [top|bottom|left|right|full|none]

default is Full

• cursor-color
• selection-color
• icon
• icon-[color|left|top]
• position : [absolute|relative]
• display : [none|block|inline-block]

Text Attributes

• text-align : [left|center|right]
• text-color-transform : [hue(0-100|0.0-1.0)|saturation(...)|contrast(...)|brightness(...)]+

Box Model attributes

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