CSS"
From Documentation
Maya001122 (talk | contribs) m (Created page with '{{ZKDevelopersGuidePageHeader}} __TOC__ Cascading Style Sheets ([http://en.wikipedia.org/wiki/Cascading_Style_Sheets CSS]) is a stylesheet language used to describe the present…') |
m (correct highlight (via JWB)) |
||
| Line 13: | Line 13: | ||
</source> | </source> | ||
| − | For example, one rule of CSS of ZUML component < | + | For example, one rule of CSS of ZUML component <code>textbox</code> is as follow: |
<source lang="xml" > | <source lang="xml" > | ||
.z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox { | .z-textbox, .z-decimalbox, .z-intbox, .z-longbox, .z-doublebox { | ||
Latest revision as of 10:41, 19 January 2022
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 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
- use firebug to try how the css work.
- use <style /> to write css.
- assign sclass to component.