实例 指定背景图像的大小： div{ background:url(img_flwr.gif); background-size:80px 60px; background-repeat:no-repeat;} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第...

实例 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 的代码 */} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏...

实例 改变单词之间的间距使得每行对齐： p{ text-emphasis: filled red; -webkit-text-emphasis: filled red;} 尝试一下 » 浏览器支持 定义与用法 text-emphasis 属性是简写属性，用于在一个声明中设置 t...

实例 改变字与字之间的间距使得每行对齐： 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...

实例 Allow no line breaks: p.test {text-wrap:none;} 尝试一下 » 浏览器支持 任何主流浏览器都不支持text-wrap属性。 属性定义及使用说明 text-wrap属性指定文本换行规则。 默认值： normal 继承： y...

实例 在合适的点换行： p.test {word-break:break-all;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 word-break 4.0 5.5 15.0 3.1 15.0 属性定义及使用说明 word...