实例 转换不同元素中的文本： h1 {text-transform:uppercase;}h2 {text-transform:capitalize;}p {text-transform:lowercase;} 尝试一下 » 属性定义及使用说明 text-transform 属性控制文本的大小写。 默认值： no...

实例 垂直对齐图像： img{ vertical-align:text-top;} 尝试一下 » 属性定义及使用说明 vertical-align 属性设置一个元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的...

实例 规定段落中的文本不进行换行： p{ white-space:nowrap;} 尝试一下 » 属性定义及使用说明 white-space属性指定元素内的空白怎样处理。 默认值： normal 继承： yes 版本： CSS1 JavaScript 语法：...

实例 指定段字之间的空间，应该是30像素： p{ word-spacing:30px;} 尝试一下 » 属性定义及使用说明 word-spacing属性增加或减少字与字之间的空白。 注意： 负值是允许的。 默认值： normal 继承...

实例 p元素的第一行开始边缘放置一个标点符号： p{hanging-punctuation:first;} 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 hanging-punctuation 不支持 不支持 不支持...

实例 在p元素在每一行的开头放置开头标点符号： p{punctuation-trim:start;} 浏览器支持 任何主流浏览器都不支持punctuation-trim属性。 属性定义及使用说明 punctuation-trim属性指定是否应修饰，...

实例 把段落的最后一行向右对齐： p{ text-align: justify; text-align-last: right; -moz-text-align-last: right; } /* 针对 Firefox 的代码 */} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏...

实例 改变字与字之间的间距使得每行对齐： div{ text-align:justify; text-justify:inter-word;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 text-justify 不支持...

实例 设置text-outline（文本-轮廓）: p.test{text-outline: 2px 2px #ff0000;} 浏览器支持 任何主流浏览器都不支持text-outline属性。 属性定义及使用说明 text-outline属性指定文字大纲。 默认值： non...

实例 使用text-overflow属性： div.test { text-overflow:ellipsis;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 text-overflow 4.0 6...