博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

不常用样式

Posted on 2012-01-17 13:29  PHP-张工  阅读(487)  评论(0编辑  收藏  举报

clip:rect(auto auto auto 10px);

裁剪一部分内容,元素必须是position:absolute; clip:rect([距顶] [距右] [距底] [距左]);
注意:不支持在:hover中使用。

cursor:wait;

设置鼠标样式。
注意:当元素直接设置了cursor:wait; 在元素的:hover中的cursor:move; 不起作用,但如元素未设置cursor时,:hover中的cursor奇效。

 

direction:rtl;

元素文本方向
注意:真心不知道direction:rtl; text-align:right; 的区别哦。

abcdefj 学习 CSS

font-variant:small-caps;

否以小型大写字母显示。
注意:和小写字母一样大,以大写字母显示。

abcdefj aa CSS ABCDEF

font-weight:lighter;

文字宽度。取值(normal、bold、bolder、lighter、数值)
注意:除了(normal、lighter)不是粗体。其他的看着都是一样粗。

abcdefj aa 测试CSS ABCDEF font-weight:bold;

layout-flow:vertical-ideographic;

竖排文字
注意:仅IE支持。fireFox、Chrome不支持。

静夜思(李白)
窗前明月光,
疑是地上霜,
举头望明月,
低头思故乡。

text-transform:capitalize;

字母大小写。capitalize首字母大写;uppercase大写;lowercase小写
注意:在Chrome中,如text-transform:lowercase;与font-variant:small-caps;同时使用,则所有字母变为小型大写形式。而在IE中只是原始的小写变为小型大写形式。

abcdefj aa 测试CSS ABCDEF

bdo dir="rtl"

倒排输出文字。给bdo元素设置 dir="rtl" 即实现文字从右到左输出。
注意:width样式在bdo中无效。其他样式效果未知。

abcdefj aa 测试CSS ABaaCbbDccEF