核心提示:CSS 属性表简表,列出了一些我们常用的CSS的属性。
CSS 属性表简表,列出了一些我们常用的CSS的属性。
属性名称 属性含义 属性值
字体属性(Font)
以下为引用的内容: font-family 使用什么字体 所有的字体 font-style 字体是否斜体 Normal、italic、oblique font-variant 是否用小体大写 Normal、small-caps font-weight 字体的粗细 Normal、bold、bolder、lithter等 font-size 字体的大小 Absolute-size、relative-size、length、percentage等 |
颜色和背景属性
以下为引用的内容: Color 定义前景色 颜色 Background-color 定义背景色 颜色 Background-image 定义背景图案 路径 Background-repeat 重复方式 Repeat-x、repeat-y、no-repeat Background-attachment 设置滚动 Scroll、Fixed Background-position 初始位置 Percentage、length、top、left、right、bottom等 |
文本属性
以下为引用的内容: Word-spacing 单词之间的间距 Normal <length> Letter-spacing 字母之间的间距 Normal <length> Text-decoration 文字的装饰样式 None|underline|overline|line-through|blink Vertical-align 垂直方向的位置 Baseline|sub|super|top|text-top|middle|bottom|text-bottom Text-transform 文本转换 Capitalize|uppercase|lowercase|none Text-align 对齐方式 Left|right|center|justify Text-indent 首行的缩进方式 <length>|<percentage> Line-height 文本的行高 Normal|<number>|<length>|<percentage> |
边距属性
以下为引用的内容: Margin-top 顶端边距 Length|percentage|auto Margin-right 右侧边距 Length|percentage|auto Margin-bottom 底端边距 Length|percentage|auto Margin-left 左侧边距 Length|percentage|auto |
填充距属性
以下为引用的内容: Padding-top 顶端填充距 Length|percentage Padding-right 右侧填充距 Length|percentage Padding-bottom 底端填充距 Length|percentage Padding-left 左侧填充距 Length|percentage |
边框属性
以下为引用的内容: Border-top-width 顶端边框宽度 Thin|medium|thick|length Border-right-width 右侧边框宽度 Thin|medium|thick|length Border-bottom-width 底端边框宽度 Thin|medium|thick|length Border-left-width 左侧边框宽度 Thin|medium|thick|length Border-width 一次定义宽度 Thin|medium|thick|length Border-color 设置边框颜色 Color Border-style 设置边框样式 None|dotted|dash|solid等 Border-top 一次定义顶端 Border-top-width|color等 Border-right 一次定义右侧 Border-top-width|color等 Border-bottom 一次定义底端 Border-top-width|color等 Border-left 一次定义左侧 Border-top-width|color等 Width 定义宽度属性 Length|percentage|auto Height 定义高度属性 Length|auto Float 文字环绕 Left|right|none Clear 哪一边环绕 Left|right|none|both |
分级属性
以下为引用的内容: Display 定义是否显示 Block、inline、list-item、none White-space 怎样处理空白 Normal、pre、nowrap List-style-type 加项目编号 Disc、circle、square等 List-style-image 加图案 <url>|none List-style-position 第二行起始位置 Inside、outside List-style 一次定义列表 <keyword>|<position>|<url> |
鼠标 ( Cursor ) 属性
以下为引用的内容: Auto 自动 |