实例 指定列的宽度： div{column-width:100px;-moz-column-width:100px; /* Firefox */-webkit-column-width:100px; /* Safari and Chrome */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支持...

实例 指定列的宽度和数量： div{ columns:100px 3; -webkit-columns:100px 3; /* Safari and Chrome */ -moz-columns:100px 3; /* Firefox */} 尝试一下 » 在此页底部有更多的例子。 浏览器支持 表格中的数字表示支...

实例 使 div 元素看上去像一个按钮： div{appearance:button;-moz-appearance:button; /* Firefox */-webkit-appearance:button; /* Safari and Chrome */} 尝试一下 » 浏览器支持 所有主流浏览器都不支持 appearance 属性...

实例 元素的总高度和宽度包含内边距和边框(padding 与 border) : #example1 { box-sizing: border-box;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器版本号。 紧跟在 -webkit...

实例 将图像元素设置为图标化的等价物： img{content:icon;icon:url(imgicon.png);} 浏览器支持 没有主流浏览器支持icon属性。 属性定义及使用说明 icon 属性为创作者提供了将元素设置为图标等价...

实例 规定在使用方向键时向何处导航： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-up:#b1;}butto...

实例 指定两个按钮的Tab键顺序： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-up:#b1;}button#b3{top:...

实例 指定导航使用向左箭头和右箭头导航键： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-up:#...

实例 指定导航使用向左箭头和右箭头导航键： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-up:#...

实例 指定导航使用向上箭头和向下箭头导航键： button#b1{top:20%;left:25%;nav-index:1;nav-right:#b2;nav-left:#b4;nav-down:#b2;nav-up:#b4;}button#b2{top:40%;left:50%;nav-index:2;nav-right:#b3;nav-left:#b1;nav-down:#b3;nav-u...