Ïðèãëàøàåì ïîñåòèòü
Èíîñòðàííàÿ ëèòåðàòóðà (ino-lit.ru)

CSS cïpaâo÷íèê: Câoécòâa òeêcòa


  Câoécòâo letter-spacing

Ýòo câoécòâo oïpeäeëÿeò äoïoëíèòeëüíûe èíòepâaëû ìeæäó áóêâaìè. Çía÷eíèe câoécòâa ìoæeò áûòü äëèííoé(â ïèêceëÿõ, ïóíêòaõ, ïpoöeíòaõ è ò.ä.) èëè êëþ÷eâûì cëoâoì normal.

  Câoécòâo line-height

Ýòo câoécòâo óêaçûâaeò âûcoòó còpoêè äëÿ oïpeäeëeíèÿ paccòoÿíèÿ ìeæäó còpoêaìè òeêcòa. Çía÷eíèeì ýòoão câoécòâa ìoæeò áûòü aácoëþòíaÿ èëè oòíocèòeëüíaÿ äëèía.

  Câoécòâo text-align

Ýòo câoécòâo oïpeäeëÿeò âûpaâíèâaíèe òeêcòa oòíocèòeëüío êpaeâ còpaíèöû. Ìoæeò ïpèíèìaòü oäío èç çía÷eíèé: left(ïo ëeâoìó êpaþ), right(ïo ïpaâoìó êpaþ), center(ïo öeíòpó) è justify(ïo ëeâoìó è ïo ïpaâoìó êpaþ oäíoâpeìeíío, paçäâèãaÿ cëoâa è cèìâoëû ïo  ìepe íeoáõoäèìocòè). Ïo óìoë÷aíèþ ýòo câoécòâo ïpèíèìaeò çía÷eíèe left.

  Câoécòâo text-decoration

Coçäaeò óêpaøeíèe òeêcòa, ìoæeò ïpèíèìaòü oäío èç çía÷eíèé: underline( ïoä÷epêèâaíèe), overline (íaä÷epêèâaíèe), line-through (ça÷epêèâaíèe), blink (ìepöaíèe). Çía÷eíèe blink, êaê è òeã <blink>, èíòepïpeòèpóeòcÿ òoëüêo ápoóçepaìè Netscape Navigator.

  Câoécòâo text-indent

p


{text-indent: 3em}

  Câoécòâo text-shadow

Ýòo câoécòâo ïoçâoëÿeò ïpèíÿòü òeêcòó òpeõìepíûé âèä. Çía÷eíèe ýòoão câoécòâa - ÷eòûpe ïapaìeòpa, paçäeëeííûe ïpoáeëoì. Ïepâûé äâa – cäâèã òeíè, äaëee íeoáÿçaòeëüíûé ïapaìeòp paäèóc, çaòeì - öâeò òeíè. Ïpèìep:


h1{text-shadow: 10px 10px 2px red}.

Hè oäèí èç ïoïóëÿpíûõ ápoóçepoâ íe  ïoääepæèâaeò ýòo câoécòâo, òaê ÷òo íe áóäeì äoëão ía íeì ocòaíaâëèâaòücÿ

  Câoécòâo vertical-align

Ýòo câoécòâo óêaçûâaeò, êaê pacïoëaãaòü äaííûé ýëeìeíò ïo oòíoøeíèþ ê coäepæaùeé eão còpoêe. Ïpèíèìaeò cëeäóþùèe çía÷eíèÿ:

baseline
Bûpaâíèâaeò ýëeìeíò ïo áaçoâoé ëèíèè còpoêè, coäepæaùèé ýòoò ýëeìeíò.
middle
Bûpaâíèâaeò cepeäèíó ýëeìeíòa, c  cepeäèíoé oõâaòûâaþùeão òeêcòa(oáû÷ío c  âepõoì còpo÷íoé áóêâû)
sub
Bûâoäèò ýëeìeíò êaê ïoäcòpo÷íûé èíäeêc
supper
Bûâoäèò ýëeìeíò êaê íaäcòpo÷íûé èíäeêc
text-top
Bûpaâíèâaeò âepõíèé êpaé ýëeìeíòa ïo  âepõíeìó êpaþ oõâaòûâaþùeão òeêcòa
bottom
Bûpaâíèâaeò íèæíèé êpaé ýëeìeíòa ïo  íèæíeìó êpaþ oõâaòûâaþùeão òeêcòa

Netscape è Explorer ëèøü ÷acòè÷ío ïoääepæèâaþò ýòè câoécòâa.

  Câoécòâo word-spacing

Ècïoëüçóeòcÿ äëÿ óâeëè÷eíèÿ èíòepâaëa ìeæäó cëoâaìè. Ìoæeò ïpèíèìaòü çía÷eíèe normal èëè çía÷eíèe äëèíû. Toëüêo Netscape Navigator 6 è äaëee ïoääepæèâaeò ýòo câoécòâo.

  Câoécòâo text-transform

Ýòo câoécòâo ïoçâoëÿeò ïpeoápaçoâaòü coäepæèìoe òeãa. Ìoæeò ïpèíèìaòü çía÷eíèÿ: capitalize(âûâoäèò ïepâóþ áóêâó êaæäoão cëoâa â  âepõíeì peãècòpe), (âûâoäèò âce â  âepõíeì peãècòpe), lowercase (âûâoäèò âce â  íèæíeì peãècòpe), none.


 Ñîäåðæàíèå