css 属性名查询表

2024-02-01 10:52•css•阅读 2418

azimuth

background-attachment -- 背景图片随滚动轴的移动方式

background-color -- 背景颜色

background-image -- 背景图像

background-position -- 背景图片的位置

background-repeat -- 背景图片的显示方式

background -- 统一背景

border -- 统一边框所有属性

border-bottom -- 统一下边框

border-bottom-color -- 下边框颜色

border-bottom-style -- 下边框样式

border-bottom-width -- 下边框宽度

border-break -- 内容分开的边框

border-collapse

border-color -- 边框颜色

border-left -- 统一左边框

border-image -- 边框图像

border-left-color -- 左边框颜色

border-left-style -- 左边框样式

border-left-width -- 左边框宽度

border-radius -- 圆角边框

border-right-color -- 右边框颜色

border-right-style -- 右边框样式

border-right-width -- 右边框宽度

border-right -- 统一右边框

border-spacing

border-style -- 边框样式

border-top -- 统一上边框

border-top-color -- 上边框颜色

border-top-style -- 上边框样式

border-top-width -- 上边框宽度

border-width -- 统一边框宽度

bottom -- 下偏移属性

caption-side

clear -- 清除

clip -- 了盒子可显示的区域

color -- 颜色

content -- 字符串

counter-increment

counter-reset

cue-after

cue-before

cue

cursor -- 鼠标样式

direction

display -- 显示方式

elevation

empty-cells

float -- 元素漂浮

font-family-- 字体

font-size -- 字体大小

font-style -- 字体样式

font-variant -- 小型的大写字母字体

font-weight -- 字体粗细

font -- 统一字体所有属性

height -- 盒子高度

left -- 左偏移属性

letter-spacing -- 文本中字母的间距(中文为文字的间距)

line-height -- 一段文字中每行文字的间距

list-style-image -- 列表图像

list-style-position -- 列表位置

list-style-type -- 列表类型

list-style -- 统一列表所有属性

margin-right -- 右边外补白宽度

margin-left -- 左边外补白宽度

margin-top -- 上边外补白宽度

margin-bottom -- 下边外补白宽度

margin -- 统一边外补白

max-height -- 最大高度

max-width -- 最大宽度

min-height -- 最小高度

min-width -- 最小宽度

opacity -- 元素的透明度

orphans

outline-color

outline-style

outline-width

outline

overflow -- 盒子中内容的显示方式

padding-top -- 上边内补白

padding-right -- 右边内补白

padding-bottom -- 下边内补白

padding-left -- 左边内补白

padding -- 统一边内补白

page-break-after

page-break-before

page-break-inside

pause-after

pause-before

pause

pitch-range

pitch

play-during

position -- 元素的定位

quotes

richness

right -- 右偏移属性

speak-header

speak-numeral

speak-punctuation

speak

speech-rate

stress

table-layout

text-align -- 文本对齐方式

text-decoration -- 文本是否有划线以及划线的方式

text-indent -- 文本的首行缩进

text-transform -- 文本的大小写状态,此属性对中文无意义

top -- 上偏移属性

unicode-bidi

vertical-align -- 垂直对齐方式

visibility -- 元素是否可见

voice-family

volume

white-space -- 文本的格式

widows

width -- 盒子宽度

word-spacing -- 以空格间隔文字的间距

z-index -- z轴顺序

属性名称

字体属性（Font）

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom

Padding-left

边框属性

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠标（Cursor）属性属性含义

使用什么字体

字体是否斜体

是否用小体大写

字体的粗细

字体的大小

定义前景色

定义背景色

定义背景图案

重复方式

设置滚动

初始位置

单词之间的间距

字母之间的间距

文字的装饰样式

垂直方向的位置

文本转换

对齐方式

首行的缩进方式

文本的行高

顶端边距

右侧边距

底端边距

左侧边距

顶端填充距

右侧填充距

底端填充距

左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

属性值

所有的字体

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

颜色

路径

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal <length>

同上

None|underline|overline|line-

through|blink

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

Normal|<number>|<length>|

Length|percentage|auto

同上

Length|percentage

同上

Thin|medium|thick|length

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

<url>|none

Inside、outside

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

<center>表示绝对居中

<table></table>表格标识的开始和结束

属性：

　　cellpadding=数值单位是像素定义表元内距

　　cellspacing=数值单位是像素定义表元间距

　　border=数值单位是像素定义表格边框宽度

　　width=数值单位是像素或窗口百分比定义表格宽度

　　background=图片链接地址定义表格背景图

<tr></tr>表格中一个表格行的开始和结束

<td></td>表格中一个表元的开始和结束

强制换行

文本标识的开始和结束

属性：

face=字体

color=颜色

加粗文字标识的开始和结束

属性：

style=font-size:40pt; 用样式表方式控制字体大小，这里是40点

<div></div>分区标识的开始和结束

属性：

align=|center|left|right|水平对齐方式

<marquee></marquee>动态标识的开始和结束如标识内放置贴图格式则可实现图片滚动

属性：

scrollamount=1~60 滚动速度

scrolldelay=滚动延时单位：毫秒

段落标识

 空格符

<img>贴图标识

属性：

src=http://www.webjx.com/htmldata/2005-03-30/图片链接地址贴图标识必备属性

style=filter:Alpha(opacity=100,style=2);

filter：样式表滤镜；

Alpha：透明滤镜，

opacity：不透明度100（0~100）；

style：样式2（0~3）

rules="none"不显示内框"

属性：

SRC="http://www.webjx.com/htmldata/2005-03-30/FILENAME"

设定音乐文件的路径，文件类型除了可以播放.rm;.mp3;.wav等音频，还可播放.swf和.mov等视频。

AUTOSTART=TRUE/FALSE

是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为FALSE

LOOP=

设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止。

STARTIME="分:秒"

设定乐曲的开始播放时间，如20秒后播放写为STARTIME=00:20

VOLUME=0-100

设定音量的大小。如果没设定的话，就用系统的音量。

WIDTH HEIGHT

设定控制面板的大小，都设为0可隐藏播放器

HIDDEN=TRUE

隐藏控制面板

CONTROLS=CONSOLE/SMALLCONSOLE

设定控制面板的样子

<bgsound src="…">背景音乐标识，只能用于.wav和.mp3格式。

属性：

LOOP=

设定播放重复次数，LOOP=6表示重复6次，true或-1为无限循环，false为播放一次即停止。

常用代码汇编

1.标题文字 <h#>..........</h#> #=1~6；h1为最大字，h6为最小字

2.字体变化 ..........

【1】字体大小 .......... #=1~7；数字愈大字也愈大

【2】指定字型 ..........

【3】文字颜色 .......... rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码

3.显示小字体 ..........

4.显示大字体 <big>..........</big>

5.粗体字 ..........

6.斜体字 ..........

7.打字机字体 <tt>..........</tt>

8.底线 ..........

9.删除线 <strike>..........</strike>

10.下标字 ..........

11.上标字 ..........

12.文字闪烁效果 <blink>..........</blink>

13.换行

14.分段

15.文字的对齐方向 #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.之后的文字都会以所设的对齐方式显示，直到出现另一个改变其对齐方向，遇到 <hr>或<h#>标签时会自动设回预设的向左对齐。

16.分隔线 <hr>

【1】分隔线的粗细 <hr size=点数>

【2】分隔线的宽度 <hr size=点数或百分比>

【3】分隔线对齐方向 <hr align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐

【4】分隔线的颜色 <hr color=#rrggbb>

【5】实心分隔线 <hr noshade>

17.居中对齐 <center>..........</center>

18.依原始样式显示 <pre>..........</pre>

19.<body>指令的属性

【1】背景颜色 -- bgcolor <body bgcolor=#rrggbb>

【2】背景图案 -- background <body background="图形文件名">

【3】设定背景图案不会卷动 -- bgproperties <body bgproperties=fixed>

【4】文件内容文字的颜色 -- text <body text=#rrggbb>

【5】超连结文字颜色 -- link <body link=#rrggbb>

【6】正被选取的超连结文字颜色 -- vlink <body vlink=#rrggbb>

【7】已连结过的超连结文字颜色 -- alink <body alink=#rrggbb>

一、图片

1.插入图片 <img src="图形文件名">

2.设定图框 -- border <img src="http://www.webjx.com/htmldata/2005-03-30/图形文件名" border=点数>

3.设定图形大小 -- width、height <img src="http://www.webjx.com/htmldata/2005-03-30/图形文件名" width=宽度点数 height=高度点数>

4.设定图形上下左右留空 -- vspace、hspace <img src="http://www.webjx.com/htmldata/2005-03-30/图形文件名" vspace=上下留空点数 hspace=左右留空点数>

5.图形附注 <img src="http://www.webjx.com/htmldata/2005-03-30/图形文件名" alt="说明文字">

6.预载图片

<img src="http://www.webjx.com/htmldata/2005-03-30/高解析度图形文件名" lowsrc=http://www.webjx.com/htmldata/2005-03-30/"低解析度图形文件名"> P.S.两个图的图形大小最好一致

7.影像地图（Image Map） <img src="http://www.webjx.com/htmldata/2005-03-30/图形文件名" usemap="#图的名称"> <map name="图的名称">

【1】定义形状 -- shape

shape=rect：矩形 shape=circle：圆形 shape=poly：多边形

【2】定义区域 -- coords

a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

例：<area shape=rect coords=100,50,200,75 href=http://www.webjx.com/htmldata/2005-03-30/"URL">

b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数字为半径长度

例：<area shape=circle coords=85,155,30 href="URL">

c.任意图形（多边形）：将图形之每一转折点座标依序填入

例：<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="http://www.cnblogs.com/../URL"

二、表格相关

1.表格标题

表格标题位置 -- align

<caption align="#"> #号可为 top：表标题置于表格上方（预设值）

bottom：表标题置于表格下方

2.定义列 <tr>

3.定义栏位《1》<td>：靠左对齐

《2》<th>：靠中对齐ⅱ粗体

【1】水平位置 -- align <th align="#">

#号可为 left：向左对齐

center：向中对齐 right：向右对齐

【2】垂直位置 -- align <th align="#"> #号可为

top：向上对齐 middle：向中对齐

bottom：向下对齐

【3】栏位宽度 -- width

【4】栏位垂直合并 -- rowspan

【5】栏位横向合并 -- colspan

三、FRAME

1、分割视窗指令 <frameset>..........</frameset>

【1】垂直（上下）分割 -- rows

<frameset rows=#> #号可为点数：如欲分割为100,200,300三个视窗，则

百分比：如<frameset rows=30%,70%>，各项总和最好为100%

【2】水平（左右）分割 -- cols <frameset cols=点数或百分比>

2、指定视窗内容 -- <frame>

【1】指定视窗的文件名称 -- src <frame src=http://www.webjx.com/htmldata/2005-03-30/HTML档名>

【2】定义视窗的名称 -- name

【3】设定文件与上下边框的距离 -- marginheight

【4】设定文件与左右边框的距离 -- marginwidth

【5】设定分割视窗卷轴 -- scrolling

<frame scrolling=#> #号可为 yes：固定出现卷轴

no：不出现卷轴 auto：自动判断文件大小需不需要卷轴（预设值）

【6】锁住分割视窗的大小 -- noresize <frame noresize>

css 属性名 查询表

相关推荐

python随记之获取当前函数名

CSS控制文字的一些基本属性的使用

jQuery的属性与样式之样式操作.css，

css3之outline属性

CSS background 属性

html+css基础知识总结

获取css属性

CSS 文本

css 属性名查询表