Learning Path
浏览 CSS 参考手册 相关教程与章节。
HTML、CSS、JavaScript、浏览器 API、前端框架与 UI 工程。
教程
319
CSS3 overflow-style 属性 实例 设置溢出元素的首选滚动方法： [mycode3 type='css'] div { overflow:auto; overflow-style:marquee,panner; } [/mycode3] 尝试一下 » 浏览器支持 目前主流浏览器都不支持 overflow-style 属性。 定义和用法 overflow-style 规..
CSS3 overflow-x 属性 实例 如果它溢出了元素的内容区-剪辑div元素的左/右边缘内容： div { overflow-x:hidden; } 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 属性 ..
CSS3 overflow-y 属性 实例 如果它溢出了元素的内容区-剪辑div元素的顶部/底部边缘内容： div { overflow-y:hidden; } 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。 属性 ..
CSS3 perspective-origin 属性 实例 设置一个3D元素的基数位置： [mycode3 type='css'] div { perspective:150; perspective-origin: 10% 10%; -webkit-perspective:150; /* Safari and Chrome */ -webkit-perspective-origin: 10% 10..
CSS3 perspective 属性 实例 设置从何处查看一个元素的角度： [mycode3 type='css'] div { perspective: 500px; -webkit-perspective: 500px; /* Safari and Chrome */ } [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webk..
CSS pointer-events 属性 实例 设置元素是否对鼠标事件做出反应： [mycode3 type='css'] div.ex1 { pointer-events: none; } div.ex2 { pointer-events: auto; } [/mycode3] 尝试一下 » 定义和使用 pointer-events 属性用于设置元素是否对鼠标事件做出反应。 ..
CSS3 punctuation-trim 属性 实例 在p元素在每一行的开头放置开头标点符号： p { punctuation-trim:start; } 浏览器支持 任何主流浏览器都不支持punctuation-trim属性。 属性定义及使用说明 punctuation-trim属性指定是否应修饰，当它出..
CSS3 resize 属性 实例 指定一个 div 元素，允许用户调整大小： [mycode3 type='css']ç div { resize:both; overflow:auto; } [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版..
CSS3 rotation 属性 实例 将 h1 元素旋转 180 度（从上向下）：<p> [mycode3 type='css'] h1 { rotation-point:50% 50%; rotation:180deg; } [/mycode3] 尝试一下 » 浏览器支持 目前没有浏览器支持 rotation 属性。 属性定义及使用说明 rot..
CSS row-gap 属性 实例 指定网格行之间的间隔为 50 像素： [mycode3 type='css'] div { display: grid; row-gap: 50px; } [/mycode3] 尝试一下 » 浏览器支持表格中的数字表示支持该属性的第一个浏览器版本号。 属性 ..
CSS tab-size 属性 CSS 参考手册 实例 设置一个 <pre> 元素的 tab-size： pre {tab-size: 16; } pre {-moz-tab-size: 16; } /* 针对 Firefox 的代码 */ pre {-o-tab-size: 16; } /* 针对 Opera 的代码 */ 尝试一下 » 浏览器支持 目前只有 C..
CSS3 target-name 属性 实例 在新窗口中打开所有超链接： a { target-name:new; } 浏览器支持 任何主流浏览器都不支持target-name属性。 属性定义及使用说明 target-name属性指定要打开的超链接（目标位置）。 默认值： current 继承： no 版本： CSS3 JavaScrip..
CSS3 target-new 属性 实例 在新窗口中打开新的标签： a { target-name:new; target-new:tab; } 浏览器支持 任何主流浏览器都不支持target-new 属性。 属性定义及使用说明 target-new属性，指定新的目标链接是否应该打开一个新窗口，或于一个现有的窗口打开新的选项卡。 注意：只有当target-name属性创建一个新标签或一..
CSS3 target-position 属性 实例 在新窗口中打开所有超链接，并放置上述所有其他标签/窗口： a { target-name:new; target-position:front; } 浏览器支持 任何主流浏览器都不支持target-position属性。 属性定义及使用说明 target-position 属性指定链接应置于新的目标。 注意： 只有当 target-n..
CSS3 target 属性 实例 在新窗口中打开所有超链接，并放置上述所有其他标签/窗口的新窗口： a { target:new front; } 浏览器支持 任何主流浏览器都不支持target属性。 属性定义及使用说明 target属性是一个速记属性设定target-name, target-new,和target-position属性。 默认值： current win..
CSS text-align-last 属性 CSS 参考手册 实例 把段落的最后一行向右对齐： [mycode3 type='css'] p { text-align: justify; text-align-last: right; -moz-text-align-last: right; } /* 针对 Firefox 的代码 */ } [/mycode3] 尝试一下 »..
CSS text-decoration-color 属性 CSS 参考手册 实例 改变下划线文本中下划线的颜色： p { text-decoration: underline; text-decoration-color: red; -moz-text-decoration-color: red; /* 针对 Firefox 的代码 */ } 尝试一下 » 浏览器支持 几乎所有的主流浏览器都不支持 tex..
CSS text-decoration-line 属性 CSS 参考手册 实例 在段落的顶部显示一条线： p { text-decoration-line: overline; -moz-text-decoration-line: overline; /* 针对 Firefox 的代码 */ } 尝试一下 » 浏览器支持 几乎所有的主流浏览器都不支持 text-decoration-line 属性。 Fi..
CSS text-decoration-style 属性 CSS 参考手册 实例 显示不同类型的下划线： [mycode3 type='css'] div.a { text-decoration-line: underline; text-decoration-style: solid; } div.b { text-decoration-line: underline; text-de..
CSS3 text-emphasis 属性 CSS 参考手册 实例 改变单词之间的间距使得每行对齐： [mycode3 type='css'] p { text-emphasis: filled red; -webkit-text-emphasis: filled red; } [/mycode3] 尝试一下 » 浏览器支持 定义与用法 text-emphasis 属性是简写属性..
CSS3 text-justify 属性 实例 改变字与字之间的间距使得每行对齐： [mycode3 type='css'] div { text-align:justify; text-justify:inter-word; } [/mycode3] 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 ..
CSS3 text-outline 属性 实例 设置text-outline（文本-轮廓）: p.test { text-outline: 2px 2px #ff0000; } 浏览器支持 任何主流浏览器都不支持text-outline属性。 属性定义及使用说明 text-outline属性指定文字大纲。 默认值： none 继承： yes 版本： ..
CSS3 text-overflow 属性 实例 使用text-overflow属性： [mycode3 type='css'] div.test { text-overflow:ellipsis; } [/mycode3] 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 ..
CSS3 text-shadow 属性 实例 基本文字阴影（text-shadow）： h1 { text-shadow: 2px 2px #ff0000; } 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 属性 ..