css 屬性名稱 查詢表

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
Baseline|sub|super|top|text-top|middle|bottom|text-bottom|
Capitalize|uppercase|
lowercase|none
Left|right|center|justify
<length>|<percentage>
Normal|<number>|<length>|
<percentage>

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
<keyword>|<position> |<url>

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>表格中一個表元的開始和結束

<br>強制換行

<font></font>文本標識的開始和結束

屬性：

face=字型

color=顏色

 

<b></b>加粗文字標識的開始和結束

屬性：

style=font-size:40pt; 用樣式表方式控制字型大小，這裡是40點

 

<div></div>分區標識的開始和結束

屬性：

align=|center|left|right|水平對齊

 

<marquee></marquee>動態標識的開始和結束 如標識內放置貼圖格式則可實現圖片滾動

屬性：

scrollamount=1~60 捲動速度

direction=|left|right|up|down| 滾動方向

scrolldelay=滾動延時 單位：毫秒

 

<P>段落標識

&nbsp;空格符

<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"不顯示內框"

<embed src="…">多媒體檔案標識

屬性：

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.字型變化 <font>..........</font>
【1】字型大小 <font size=#>..........</font> #=1~7；數字愈大字也愈大
【2】指定字型 <font face="字型名稱">..........</font>
【3】文字顏色 <font color=#rrggbb>..........</font> rr：表紅色（red）色碼 gg：表綠色（green）色碼 bb：表藍色（blue）色碼
3.顯示小字型 <small>..........</small>
4.顯示大字型 <big>..........</big>
5.粗體字 <b>..........</b>
6.斜體字 <i>..........</i>
7.打字機字型 <tt>..........</tt>
8.底線 <u>..........</u>
9.刪除線 <strike>..........</strike>
10.下標字 _..........
11.上標字 ^..........
12.文字閃爍效果 <blink>..........</blink>
13.換行 <br>
14.分段 <p>
15.文字的對齊方向 <p align="#"> #號可為 left：表向靠左對齊（預設值） center：表向中對齊 right：表向靠右對齊 P.S.<p align="#">之後的文字都會以所設的對齊顯示， 直到出現另一個<p align="#">改變其對齊方向，遇到 <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="圖的名稱">
<area shape=形狀 coords=地區座標列表 href="連結點之URL">
<area shape=形狀 coords=地區座標列表 href="連結點之URL">
<area shape=形狀 coords=地區座標列表 href="連結點之URL">
<area shape=形狀 coords=地區座標列表 href=http://www.webjx.com/htmldata/2005-03-30/"連結點之URL"> </map>
【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.表格標題
<caption>..........</caption>
表格標題位置 -- 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
<th width=點數或百分比>
【4】欄位垂直合并 -- rowspan
<th rowspan=欲合并欄位元>
【5】欄位橫向合并 -- colspan
<th colspan=欲合并欄位元>

三、FRAME

1、分割視窗指令 <frameset>..........</frameset>
【1】垂直（上下）分割 -- rows
<frameset rows=#> #號可為點數：如欲分割為100,200,300三個視窗，則
<frameset rows=100,200,300>；亦可以*號代表，如<frameset rows=*,500,*>
百分比：如<frameset rows=30%,70%>，各 項總和最好為100%
【2】水平（左右）分割 -- cols <frameset cols=點數或百分比>
2、指定視窗內容 -- <frame>
<frameset cols=30%,70%> <frame> <frame> </frameset>
【1】指定視窗的檔案名稱 -- src <frame src=http://www.webjx.com/htmldata/2005-03-30/HTML檔名>
【2】定義視窗的名稱 -- name
<frame name=視窗名稱>
【3】設定檔案與上下邊框的距離 -- marginheight
<frame marginheight=點數>
【4】設定檔案與左右邊框的距離 -- marginwidth
<frame marginwidth=點數>
【5】設定分割視窗捲軸 -- scrolling
<frame scrolling=#> #號可為 yes：固定出現捲軸
no：不出現捲軸 auto：自動判斷檔案大小需不需要捲軸（預設值）
【6】鎖住分割視窗的大小 -- noresize <frame noresize>