段落屬性的設定

上一篇 / 下一篇  2007-05-13 12:26:36 / 个人分类:强帖收藏

 

段落屬性的設定


SupeSite/X-Space官方站 s#].D tzD){+b.?f

利用這些設定可以輕易的控制字距、行高、縮排、凸排、水平對齊、垂直對齊等。這些性質對網頁設計的排版非常有用!

b\1{3J8a^qa0C0

LETTER-SPACING

SupeSite/X-Space官方站#xeQ/S\N!Q _'Xm?{

功能 :設定文字間隙 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px ) SupeSite/X-Space官方站:wj(Qa ib0I T

? i.Z.^#h8L MKO0語法 : { LETTER-SPACING : NORMAL︱( length ) } SupeSite/X-Space官方站:u.Uq;h5i0e*Y6f-SA:K

SupeSite/X-Space官方站$mHZkE@A

範例 :  {LETTER-SPACING:10pt} SupeSite/X-Space官方站WP A.Cb%P_

SupeSite/X-Space官方站8PU2rx/M

此性質可設定字距,也就是字與字的間隔,只需指定一個長度單位給它,如cm、mm、in、pt、px、em、ex等等,或用normal特徵字設為預設值。如letter-spacing=3px,則設定字距為3px。

`{)}e;C+l L0

LINE-HEIGHT

%E l4l2mZ `&h7kE0功能 : 設定文字行列高度 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% ) SupeSite/X-Space官方站6\`(oeof%a

R+hywCz%H&L0語法 :  { LINE-HEIGHT : NORMAL︱( number )︱( length )︱( percentage ) } SupeSite/X-Space官方站J_)n:`VLS.or u

SupeSite/X-Space官方站 a0be9a?u.s(Jk

範例 :  {LINE-HEIGHT:10pt} SupeSite/X-Space官方站5V a rnsi

0n1lI.?y LND0此性質可設定列高,可指定特徵字normal設為預設值,或指定含單位的長度值,或百分比(參照於父元件)均可。如line-height:3px,則設定列高為3px。 SupeSite/X-Space官方站*e'@~|Yn5kLTp

TEXT-ALIGN

SupeSite/X-Space官方站/`'\ g/t(\N9mPm'g

功能 :設定調整文字 ( 可設左邊、右邊、置中、整齊 ) SupeSite/X-Space官方站m B4{0Xi#OPLJ2k#c

SupeSite/X-Space官方站x ^:b"|1A6i?/@L0I

語法 : { TEXT-ALIGN : LEFT︱RIGHT︱CENTER︱JUSTIFY } SupeSite/X-Space官方站T!~R;Ys2H%O Qe

TAx M"[z4hI)\Gy0範例 : {TEXT-ALIGN:CENTER} SupeSite/X-Space官方站#}j/YqA sR\8A6n pg

SupeSite/X-Space官方站yx#BT1X(q

這個性質可決定文句在區塊內的水平對齊方式,可用值有left、right、center、justify。如text-align:center,則文字水平置中。

*R \2h8R&V dGt0

TEXT-DECORATION

SupeSite/X-Space官方站R5x1SzY;`6O@`

功能 : 設定文字裝飾 ( 分為 : 無、加底線、加橫線、加頂線 )

$Z;L0ujm;a@0 SupeSite/X-Space官方站]:HwR"t t5M w!i0e

語法 : { TEXT-DECORATION : NONE︱UNDERLINE︱LINE-THROUGH︱OVERLINE }

o.b*c2V `S0 SupeSite/X-Space官方站 p/ezL5G

範例 : {TEXT-DECORATION:UNDERLINE} SupeSite/X-Space官方站p)t G;W0K&WPT

P e&x!{_)uXq0設定此區塊內的字句要不要加裝飾線,可用值有none(不加)、underline(加底線)、overline(加頂線)、line-through(加刪除線)、blink(大致同none)。如text-decoration:under-line,則文字加底線。 SupeSite/X-Space官方站.O.rj4vkK

TEXT-INDENT

%^$Fd3Y(H y/oU0功能 : 設定文字縮排 ( 可設單位屬性 : 點pt、英寸in、公分cm、像素px、百分比% )

bj7n@9|MS8R-jD[0

`h"a[8[%G/L0語法 :  { TEXT-INDENT : ( length )︱( percentage ) } SupeSite/X-Space官方站F:s0w(`x-O8Gh^

Ja%Fs.["}0範例 :  {TEXT-INDENT:1cm} SupeSite/X-Space官方站 K0ik:i l5T,l e:k5g6j

SupeSite/X-Space官方站.~s&Q pD

這個性質可設定段落的首行縮排(就像作文時一樣,首行要縮排),可指定含單位的長度值,或是百分比值(參照於父元件)。如text-indent:24px,則縮排24px。 SupeSite/X-Space官方站7O#a#G.]v$j9]B~)J*O

TEXT-TRANSFORM

SupeSite/X-Space官方站U*T)I/U@3S$K

功能 : 設定文字改變 ( 可設無、第一個字母大寫、大寫、小寫 )

._L7w!fL }^{ W9XO0

{(U~@/F @C%h0語法 :  { TEXT-TRANSFORM. NONE︱CAPITALIZE︱UPPERCASE︱LOWERCASE } SupeSite/X-Space官方站qjx6~q'q1Pg6{

&r;r/_g-du ]I]0Rz0範例 :  {TEXT-TRANSFORM.:CAPITALIZE}SupeSite/X-Space官方站 PRK@9u:nt b

SupeSite/X-Space官方站b2T$u~Z%\ o

設定英文字母大小寫顯示法。可用值有none(不自動轉換)、capitalize(第一個字母自動轉為大寫)、uppercase(全部自動轉換為大寫)、lowercase(全部自動轉換為小寫)。如text-transform.:lowercase,則全部英文字都會自動轉為小寫。 SupeSite/X-Space官方站PL6] \an ]6a

text-autospace

SupeSite/X-Space官方站o2XKN/@

這是用來調整字距的性質,用來設定是否於特定位置加大空白間距,以增加美觀。可用特徵字有none(不使用)、ideograph-alpha(於遠東語系與拼音語系間加大空白)、ideograph-numeric(於遠東語系與數字間加大空白)、ideograph-parenthesis(於遠東語系與括號間加大空白)、ideograph-space(遠東語系之兩旁加大空白)。一般很少有人用這個性值,通常是text-autospace:none。

^ rA,Re:v'T0

text-justify

SupeSite/X-Space官方站V^ g4}Q2F+[O1Q4z(O

設定段落中各句如何調整,使段落左右之邊界對齊。可用值有inter-word(利用調整字距)、newspaper(利用調整字距或字母間距)、distribute(與newspaper很像,但最適用於東亞)、distribute-all-lines(連最後一行也調整至同寬,一般不會用這個值)、inter-ideograph(利用增加或減少字距來調整)、auto(由瀏覽器語系決定)。這個性質要IE5.0以上才能使用,一般都用text-justify:auto。

0Cje8w&H ]DXQC0

word-break

/^H-d.eA tA0設定一行結束時的斷字法,可用值有normal(允許斷字)、break-all(允許斷字,適用於大量中文夾雜少量英文)、keep-all(只允許於英文斷字,適用於大量英文夾雜少量中文)。一般用word-break:break-all較適於中文字。

F6d4`i c!\lWg6j}0b'A0

TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

数据统计

  • 访问量: 14233
  • 日志数: 32
  • 图片数: 1
  • 书签数: 4
  • 建立时间: 2007-01-08
  • 更新时间: 2007-05-21

RSS订阅

Open Toolbar