段落屬性的設定
SupeSite/X-Space官方站&i$K(h"w$r7Q#GB
p'e利用這些設定可以輕易的控制字距、行高、縮排、凸排、水平對齊、垂直對齊等。這些性質對網頁設計的排版非常有用! SupeSite/X-Space官方站2_r'~MJ*E
SupeSite/X-Space官方站q%PQ*[I功能 :設定文字間隙 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px ) SupeSite/X-Space官方站Pj X*jS&[QY(x
y6rcz~0語法 : { LETTER-SPACING : NORMAL︱( length ) } SupeSite/X-Space官方站!u2}I:EA
SupeSite/X-Space官方站`[a"z6?`/V~Z!C`範例 : {LETTER-SPACING:10pt}
Oav3uaR0
;l-Vxh6G0S&L9Iy/S0此性質可設定字距,也就是字與字的間隔,只需指定一個長度單位給它,如cm、mm、in、pt、px、em、ex等等,或用normal特徵字設為預設值。如letter-spacing=3px,則設定字距為3px。
1\4Gu
K/j$z0
SupeSite/X-Space官方站-\D$PNQev }B j功能 : 設定文字行列高度 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% ) SupeSite/X-Space官方站 G*Q e8{
z]hN {&K
:zSWGR)ntC0語法 : { LINE-HEIGHT : NORMAL︱( number )︱( length )︱( percentage ) }
([sx-JGcQ9Q0
WJ#AGL0範例 : {LINE-HEIGHT:10pt} SupeSite/X-Space官方站?Rh;hW-r:J
SupeSite/X-Space官方站6a#h@&[x此性質可設定列高,可指定特徵字normal設為預設值,或指定含單位的長度值,或百分比(參照於父元件)均可。如line-height:3px,則設定列高為3px。 SupeSite/X-Space官方站6f+cD9P;F)}Q
.o"yau`Rrw0功能 :設定調整文字 ( 可設左邊、右邊、置中、整齊 )
PysL-O0
1xW4U%p0]dO"Y/{B0語法 : { TEXT-ALIGN : LEFT︱RIGHT︱CENTER︱JUSTIFY }
;wm.c\bw7F0
SupeSite/X-Space官方站!?Qv']L8Mr2}+j範例 : {TEXT-ALIGN:CENTER}
T0P0e6VO4~Fs.^0
SupeSite/X-Space官方站%Ml1{0~j2r\0P5B這個性質可決定文句在區塊內的水平對齊方式,可用值有left、right、center、justify。如text-align:center,則文字水平置中。
P3E;["l nY@-K5o5k0
SupeSite/X-Space官方站(x1gU,[h,}${s功能 : 設定文字裝飾 ( 分為 : 無、加底線、加橫線、加頂線 )
oj!|.]3a0
P;P
lPT%x9B0語法 : { TEXT-DECORATION : NONE︱UNDERLINE︱LINE-THROUGH︱OVERLINE }
c1AJ8qE$`5r0
SupeSite/X-Space官方站0nE"] Qv]範例 : {TEXT-DECORATION:UNDERLINE}
ZTZ:VrB5[0
._}K@5Ma4d0設定此區塊內的字句要不要加裝飾線,可用值有none(不加)、underline(加底線)、overline(加頂線)、line-through(加刪除線)、blink(大致同none)。如text-decoration:under-line,則文字加底線。 SupeSite/X-Space官方站 @t@{,M7VL)p(A;|
\HWgy@O0功能 : 設定文字縮排 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% ) SupeSite/X-Space官方站?.Jmq+\
P
SupeSite/X-Space官方站V3Z@ R'Y語法 : { TEXT-INDENT : ( length )︱( percentage ) }
:[4yE(JxM0
TOovlI{]0範例 : {TEXT-INDENT:1cm} SupeSite/X-Space官方站2wQ)pE5T4Yr
tlB}'eH[l8\0這個性質可設定段落的首行縮排(就像作文時一樣,首行要縮排),可指定含單位的長度值,或是百分比值(參照於父元件)。如text-indent:24px,則縮排24px。
Y2r\e
or4q$b0
SupeSite/X-Space官方站wX3ouKDD3g功能 : 設定文字改變 ( 可設無、第一個字母大寫、大寫、小寫 )
o,bm(p dlb!s8B0
ux"ML)XR1R
x0語法 : { TEXT-TRANSFORM. NONE︱CAPITALIZE︱UPPERCASE︱LOWERCASE } SupeSite/X-Space官方站OTt7u
ZOn
SupeSite/X-Space官方站-\q/w0io[w
ixzE範例 : {TEXT-TRANSFORM.:CAPITALIZE}SupeSite/X-Space官方站2nh_T:E _8B
SupeSite/X-Space官方站PS(j
aP[\設定英文字母大小寫顯示法。可用值有none(不自動轉換)、capitalize(第一個字母自動轉為大寫)、uppercase(全部自動轉換為大寫)、lowercase(全部自動轉換為小寫)。如text-transform.:lowercase,則全部英文字都會自動轉為小寫。
&r%i@:x)ouW"N0m0
text-autospace
SupeSite/X-Space官方站,N5V4\ lSy@s這是用來調整字距的性質,用來設定是否於特定位置加大空白間距,以增加美觀。可用特徵字有none(不使用)、ideograph-alpha(於遠東語系與拼音語系間加大空白)、ideograph-numeric(於遠東語系與數字間加大空白)、ideograph-parenthesis(於遠東語系與括號間加大空白)、ideograph-space(遠東語系之兩旁加大空白)。一般很少有人用這個性值,通常是text-autospace:none。 SupeSite/X-Space官方站j @z
U5W
vu
text-justify
SupeSite/X-Space官方站8JeK
ULM-P設定段落中各句如何調整,使段落左右之邊界對齊。可用值有inter-word(利用調整字距)、newspaper(利用調整字距或字母間距)、distribute(與newspaper很像,但最適用於東亞)、distribute-all-lines(連最後一行也調整至同寬,一般不會用這個值)、inter-ideograph(利用增加或減少字距來調整)、auto(由瀏覽器語系決定)。這個性質要IE5.0以上才能使用,一般都用text-justify:auto。 SupeSite/X-Space官方站N"X{ `M8hO}g|
word-break
Y.l%EI~3L8w"z [Cz0設定一行結束時的斷字法,可用值有normal(允許斷字)、break-all(允許斷字,適用於大量中文夾雜少量英文)、keep-all(只允許於英文斷字,適用於大量英文夾雜少量中文)。一般用word-break:break-all較適於中文字。 SupeSite/X-Space官方站!?f+Roue3UBZW!| X