From Documentation
Revision as of 10:41, 19 January 2022 by Hawk (talk | contribs) (correct highlight (via JWB))
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Stop.png 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 :

    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 selector a component has?

What CSS property a selector has?

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.

Last Update : 2022/01/19

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.