CSS

This documentation is for an older version of ZK. For the latest one, please click here.

Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language.

CSS rule basic syntax is :

selector{
    property: value;
}

For example, one rule of CSS of ZUML component textbox is as follow:

.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox {
	background:#FFFFFF url(/helloworld/zkau/web/zul/img/grid/text-bg.gif) repeat-x scroll 0 0;
	border:1px solid #7F9DB9;
}

What value is valid for css property?

Please refer to style guide for more information.

Note, ZK studio will provide tools for visual edit CSS of component.

Best Practice

Before style designer in ZK studio is ready. The best practice should be

1. use firebug to try how the css work.
2. use <style /> to write css.
3. assign sclass to component.