CSS 用户外观属性-KeepStudy

CSS 用户外观属性

| 属性 | 说明 | CSS |
|-----|-----|-----|
| appearance | 定义元素的外观样式 | 3 |
| box-sizing | 允许您为了适应区域以某种方式定义某些元素 | 3 |
| icon | 为元素指定图标 | 3 |
| nav-down | 指定用户按向下键时向下导航的位置 | 3 |
| nav-index | 指定导航（tab）顺序。 | 3 |
| nav-left | 指定用户按向左键时向左导航的位置 | 3 |
| nav-right | 指定用户按向右键时向右导航的位置 | 3 |
| nav-up | 指定用户按向上键时向上导航的位置a | 3 |
| outline-offset | 设置轮廓框架在border 边缘外的偏移 | 3 |
| resize | 定义元素是否可以改变大小 | 3 |

## nav-index属性
- JavaScript 语法：object.style.navIndex=2
- 属性值
    - auto：浏览器指派的元素的Tab键顺序
    - number：表示该元素的Tab键顺序。 1意味着首先
    - inherit：指定nav- index属性的值应该从父元素继承

## nav-down、nav-up、nav-left、nav-right属性
- JavaScript 语法：object.style.navRight="#div2"
- 属性值
    - auto：浏览器决定导航到哪个元素。
    - id：规定被导航元素的 id。
    - target-name：规定被导航的目标框架。
    - inherit：规定应从父元素继承 nav-down 属性的值。

## outline-offset属性
- JavaScript 语法：object.style.outlineOffset="15px"
- 属性值
    - length：轮廓与边框边缘的距离。
    - inherit：规定应从父元素继承 outline-offset 属性的值。

## resize属性
- JavaScript 语法：object.style.resize="both"
- 属性值
    - none：用户无法调整元素的尺寸。
    - both：用户可调整元素的高度和宽度。
    - horizontal：用户可调整元素的宽度。
    - vertical：用户可调整元素的高度。

## appearance属性
- 所有主流浏览器都不支持 appearance 属性。
- Firefox 支持替代的 -moz-appearance 属性。
- Safari 和 Chrome 支持替代的 -webkit-appearance 属性。
- 属性值
    - normal：正常呈现元素
    - icon：作为一个小图片的呈现元素
    - window：作为一个视口呈现元素
    - button：作为一个按钮，呈现元素
    - menu：作为一个用户选项设定呈现元素选择
    - field：作为一个输入字段呈现元素

## box-sizing属性
- 属性值
    - content-box：这是CSS2.1指定的宽度和高度的行为。指定元素的宽度和高度（最小/最大属性）适用于box的宽度和高度。元素的填充和边框布局和绘制指定宽度和高度除外
    - border-box：指定宽度和高度（最小/最大属性）确定元素边框box。也就是说，对元素指定宽度和高度包括padding和border的指定。内容的宽度和高度减去各自双方该边框和填充的宽度从指定的"宽度"和"高度"属性计算
    - inherit：指定box-sizing属性的值，应该从父元素继承
	
```css
div{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}

```

## icon属性
- 没有主流浏览器支持icon属性。
- 属性值
    - auto：使用由浏览器提供的默认通用图标。
    - URL：引用列表中的一个或多个图标，列表用逗号分隔。
    - inherit：规定应从元素继承 icon 属性的值。

顶部

CSS属性

目录

相关推荐