设置右边演示模型内容及文字属性
[ 演示内容 ]
[ 内边距 ]
[ 文字大小 ]
[ 字体 ]
[ 文字颜色 ]
[ 可以自定义颜色值 ]
[ 文字对齐方式 ]
盒子模型的圆角和阴影
[ 边框圆角 ]
[ 阴影偏移量 ]
[ 阴影模糊量 ]
[ 阴影颜色 ]
[ 可以自定义颜色值 ]
盒子阴影:IE6-9全军覆没,IE10不详。
文字的阴影
[ 阴影偏移量 ]
[ 阴影模糊量 ]
[ 阴影颜色 ]
[ 可以自定义颜色值 ]
文字阴影:IE6-9全军覆没,IE10不详。
盒子模型的变形
[ 旋转角度:正值右转,负值左转 ]
[ 变形比例:正值放大,负值缩小 ]
[ 水平倾斜量:正值向左,负值向右 ]
[ 垂直倾斜量:正值左上右下,负值相反 ]
盒子变形:IE6-9全军覆没,IE10不详。
文字的分栏
[ 分栏数 ]
[ 栏间距 ]
[ 分栏线粗细 ]
[ 分栏线颜色 ]
[ 可以自定义颜色值 ]
文字分栏:IE6-9全军覆没,IE10不详。
背景渐变色非CSS3专有属性
[ 渐变方向 ]
[ 渐变开始颜色 ]
[ 可以自定义颜色值 ]
[ 渐变开始位置(相对) ]
[ 渐变结束颜色 ]
[ 可以自定义颜色值 ]
[ 渐变结束位置(相对) ]
渐变色背景:IE6-9全军覆没,IE10不详。
外框为CSS3属性
[ 边框粗细 ]
[ 边框颜色 ]
[ 可以自定义颜色值 ]
[ 外框粗细 ]
[ 边框与外框间隙 ]
[ 外框颜色 ]
[ 可以自定义颜色值 ]
IE9不支持边框与外框间隙,IE6-8外框全军覆没,
IE10不详。
背景色透明为CSS3属性
[ 背景色 ]
[ 可以自定义颜色值 ]
[ 不透明度:0完全透明,1不透明 ]
Z-index [ 层级 ]
不透明度IE9支持,IE6-8全军覆没,
IE10不详。

Version 1.4. Made by Mike Plate @mikeplate
Source code on GitHub
User interface made with Dojo
Reference of CSS3 capabilites from Where can I use and QuirksMode
Icons from Farm-Fresh Web Icons
Font stacks selected from A Way Back
Clipboard copying with Zero Clipboard
No copyright. Use everything in any way you like.

本页面用于在线设置CSSx的样式,实时预览效果,并生成相应的样式表。

Firefox, Chrome, Opera, Safari and Internet Explorer浏览器中本页面可以正常工作,但IE8及以下版本不支持CSS3新属性,无法实时预览。

此版本支持移动设备,比如iPhone、iPad、Android等,可以使用触摸功能来进行相应操作。

关于程序功能完善及问题提交请访问作者博客 blog post

翻译:笑傲江湖 @ 2012年4月

您设置的样式表:

从浏览器读出的样式:*