16 �ı�

Ŀ¼

    ���¸�С�ڶ�������Խ�Ӱ���ַ����հס����Լ�������Ӿ����֡�

16.1 ������'text-indent'����

'text-indent'
ֵ��  <length> | <percentage> | inherit
��ʼֵ��  0
�����ڣ�  �鼶Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  ����ڰ�����Ŀ���
ý�飺  �Ӿ�

    ������ָ����һ�������ı���һ�е�����������ȷ��˵��ָ���������ĵ�һ���߿��ĵ�һ������������ÿ���߿����߿�ʼ���������ڴ��ҵ���IJ����Ǵ������������û���Ӧ�ý���������ȾΪ�հס�

    ֵ�ĺ������£�

<length>
�����ǹ̶����ȡ�
<percentage>
�����ǰ�������ȵİٷֱȡ�

    'text-indent'��ֵ�����Ǹ���������Ҳ��������ʵ�ֲ�ͬ�����ơ�

������

    ��������ӽ����'3em'���ı�������

  P { text-indent: 3em }

16.2 ���룺'text-align'����

'text-align'
ֵ��  left | right | center | justify | <string> | inherit
��ʼֵ��  ȡ�����û��˼���д����
�����ڣ�  �鼶Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    ��������������һ�������м����ݵĶ��뷽ʽ��ȡֵ�ĺ������£�

left��right��center��justify
�ֱ���ζ������롢�Ҷ��롢�м���롢���˶����ı���
<string>
ָ��һ���ַ������涨�˱����е�Ԫ��Ķ��뷽ʽ���μ��е�ˮƽ�����е���ϸ���������ӣ�����ֵֻ�������ĵ�Ԫ����Ч���������������Ԫ��֮�ϣ���������Ϊ'left'��'right'����ȡ����'direction'��'ltr'����'rtl'��

    һ�����ֿ���һϵ�е��߿���ȡֵΪ'left'/'right'/'center'ʱ�������Թ涨��ÿ���߿��ڵ��м������߿����ߡ��ұߵĶ��룻���벢��������ӵ��ġ�ȡֵΪ'justify'ʱ���û����ڵ���λ�õ�ʱ��Ҳ�����������м�򡣣��μ�'letter-spacing'��'word-spacing'.)

������

    ��������Ҫע�⣬����'text-align'�ǿɼ̳еģ������ڴ���'class=center'���ε�DIVԪ����Ŀ鼶Ԫ�ض��Ὣ���ǵ������ı����ж��롣

DIV.center { text-align: center }

ע�⣺ʵ�ʲ��õĶ����㷨ȡ�����û����Լ���д�����ԡ�

    ��CSS2һ�µ��û������ܽ�'justify'����Ϊ'left'��'right'��ȡ���ڸ�Ԫ�ص�ȱʡ��д���������һ����ҵ���

16.3 װ��

16.3.1 �»��ߣ��ϻ��ߣ�ɾ���ߣ���˸��'text-decoration'����

'text-decoration'
ֵ��  none | [ underline || overline || line-through || blink ] | inherit
��ʼֵ��  ��
�����ڣ�  ����Ԫ��
�ɷ�̳У�  �񣨼����ģ�
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    �����������˼���ijԪ���ı��ϵ�װ�Ρ��������ָ����һ���鼶Ԫ�أ�����Ӱ���Ԫ�ص������м伶����������ָ��������Ӱ�죩һ���м�Ԫ�أ�����Ӱ���Ԫ�ز��������п������Ԫ��û�����ݻ�û���ı����ݣ�����HTML�е�IMGԪ�أ����û��˱������������ԡ�

    ȡֵ�ĺ������£�

none
û���κ��ı����Ρ�
underline
ÿ���ı������»��ߡ�
overline
ÿ���ı������ϻ��ߡ�
line-through
ÿ���ı��м䶼��ɾ���ߡ�
blink
�ı���˸��������ʾ�����أ���һ�µ��û�����δ��Ҫ��֧�ָ�ֵ��

    �ı�����Ҫ�����ɫӦ�ô�'color'����ֵ��������

    �����Բ��ɱ��̳У�����һ������������Ӧ�þ�����ͬ��װ�θ�ʽ�����磬��Ӧ�����»��ߣ���װ�ε���ɫӦ�ñ���һ�£���ʹ������Ԫ���趨�˲�ͬ��'color'ֵ��

������

    ������HTML�У���Ϊ�����ӵ�AԪ�ص������ı����ݶ������»��ߣ�

A[href] { text-decoration: underline }

16.3.2 �ı���Ӱ��'text-shadow'����

'text-shadow'
ֵ��  none | [<color> || <length> <length> <length>? ,]* [<color> || <length> <length> <length>?] | inherit
��ʼֵ��  ��
�����ڣ�  ����Ԫ��
�ɷ�̳У�  �񣨼����ģ�
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    �����Խ���һ�����ŷָ����ӰЧ���б�����Ӧ�õ���Ԫ�ص��ı��ϡ���ӰЧ�����ո�����˳��Ӧ�ã�����п��ܳ��ֻ��า�ǣ��������������Ḳ���ı���������ӰЧ������ı��ijߴ磬���������쵽���ı߽�֮�⡣��ӰЧ�����ѵ������Ԫ�ر����IJ����һ���ġ�

    ÿ����ӰЧ������ָ����Ӱƫ�ƣ���ģ���뾶����Ӱ��ɫ�ǿ�ѡ������

    ��Ӱƫ��������<length>ֵָ�����ı��ľ��롣��һ������ֵָ�������ı��ұߵ�ˮƽ���룬��ֵ�������Ӱ�������ı�����ߡ��ڶ�������ֵָ�������ı��±ߵĴ�ֱ���룬��ֵ�������Ӱ�������ı��Ϸ���

    ����Ӱƫ��֮�󣬿���ָ��һ��ģ���뾶��ģ���뾶�Ǹ�����ֵ��ָ��ģ��Ч���ķ�Χ����μ���ģ��Ч���ľ����㷨��û��ָ����

    ����ӰЧ���ij���ֵ֮ǰ��֮�󻹿���ѡ��ָ��һ����ɫֵ����ɫֵ�ᱻ������ӰЧ���Ļ��������û��ָ����ɫ����ô��ʹ��'color'����ֵ�������

    �ı���Ӱ����ʹ����:first-letter��:first-lineαԪ���ϡ�

������

    ��������ӽ���Ԫ���ı����ұߡ��±������ı���Ӱ�����ڲ�δָ����ɫ����Ӱ����Ԫ�ر�������ɫ��ͬ������Ҳû��ָ��ģ���뾶���ı���Ӱ������ģ����

H1 { text-shadow: 0.2em 0.2em }

    �����н���Ԫ���ı������·�������Ӱ����Ӱ��ģ���뾶��5px����ɫ�Ǻ�ġ�

H2 { text-shadow: 3px 3px 5px red }

    ���������ָ����һ����ӰЧ�����б�����һ����Ӱ��������Ԫ���ı������·�����ɫ����ģ�����ڶ��������ǵ�һ����Ӱ����ɫ��ģ�����ı������·������������������ı������Ϸ�����ģ�������ڵ�������Ӱû��ָ����ɫ�����Ԫ�ص�'color'����ֵ����ʹ�ã�

H2 { text-shadow: 3px 3px red, yellow -3px 3px 2px, 3px -3px }

������

    ����������ӣ�

SPAN.glow { 
    background: white; 
    color: white;
    text-shadow: black 0px 0px 5px;
}

    �����'background'��'color'����ȡֵ��һ���ģ���'text-shadow'������������һ�֡���ʴ��Ч����

Solar eclipse effect   [D]

    ע�⣺��������CSS1��δ���塣ijЩ��ӰЧ������������ʾ������ֻ֧��CSS1��UA�лὫ�ı���Ⱦ�ɿ�������

16.4 ��ĸ���ʹʼ�ࣺ'letter-spacing'��'word-spacing'����

'letter-spacing'
ֵ��  normal | <length> | inherit
��ʼֵ��  normal
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    ������ָ�����ı��ַ���ļ�����ԡ�ȡֵ�ĺ������£�

normal
����ǵ�ǰ�����ͨ����ࡣ���ֵ�����û��˸ı��ַ���ľ����Զ����ı���
<length>
��ֵָ����ȱʡ���ַ����֮�⣬�������ַ����ࡣ��ֵ�����Ǹ��������ǿ�������ʵ����ص����ơ��û��˲�����������ı�����һ�����ӻ�����ַ���ࡣ

    �ַ������㷨���û�����ء��ַ���໹�����ܵ����루�μ�'text-align'���ԣ���Ӱ�졣

������

    �����У�BLOCKQUOTEԪ���е��ַ����������'0.1em'��

BLOCKQUOTE { letter-spacing: 0.1em }

    �����У����������û��˱���ַ���ࣺ

BLOCKQUOTE { letter-spacing: 0cm }   /* Same as '0' */

    ��������ַ��侭�ϳɵļ���ȱʡ�ļ�಻ͬ���û��˲�Ӧ��ʹ�����ȴ�ʩ��

    ��CSS2һ�µ��û������ܻὫ'letter-spacing'���Ե�ֵ����Ϊ'normal'��

'word-spacing'
ֵ��  normal | <length> | inherit
��ʼֵ��  normal
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    ������ָ���˵���֮��ļ�����ԡ�ȡֵ�������£�

normal
�����ĵ��ʼ��࣬�ɵ�ǰ�����/��UA���塣
<length>
��ȡֵ��ʾ��ȱʡ�Ĵʼ��֮�⣬�����Ĵʼ�ࡣȡֵ�����Ǹ��������ǿ�������ʵ����ص����ơ�

    �ʼ����㷨���û�����ء��ʼ�໹�����ܵ����루�μ�'text-align'���ԣ���Ӱ�졣

������

    �����У�H1Ԫ���е�ÿ�����ʵĴʼ�ཫ����'1em'��

H1 { word-spacing: 1em }

    ��CSS2һ�µ��û������ܽ�'word-spacing'���Ե�ֵ����Ϊ'normal'��

16.5 תΪ��д��'text-transform'����

'text-transform'
ֵ��  capitalize | uppercase | lowercase | none | inherit
��ʼֵ��  ��
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    �����Կ���ijԪ���ı��Ĵ�СдЧ����ȡֵ�ĺ������£�

capitalize
��ÿ�����ʵ����ַ���Ϊ��д��
uppercase
��ÿ�����ʵ������ַ���Ϊ��д��
lowercase
��ÿ�����ʵ������ַ���ΪСд��
none
û�д�Сдת��Ч����

    ÿ�������ʵ�ʵ�ת��ȡ������д���Ա������μ�RFC 2070��[RFC2070]���й����ҵ�Ԫ�����Է��������ۡ�

    ���ڲ�������Latin-1�ַ����е��ַ����Լ�Ԫ�ص����Ե�ת����ͬ��ISO 10646��[ISO10646]���и����Ĵ�Сдת�����Ļ�����CSS2һ�µ��û������ܽ�'text-transform'��ֵ��Ϊ��'none'��

������

    �����У�H1Ԫ�������е��ı�����ת��Ϊ��д�ı���

H1 { text-transform: uppercase }

16.6 �հף�'white-space'����

'white-space'
ֵ��  normal | pre | nowrap | inherit
��ʼֵ��  normal
�����ڣ�  �鼶Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  �Ӿ�

    ������������Ԫ���ڵ��հ�����δ����ġ�ȡֵ�ĺ������£�

normal
��ֵ�����û��ˣ��ϲ�һϵ�еĿհף��ڱ�Ҫ��ʱ����������߿������ɵ������У�����"\A"�Ļ����п����������ķ��У�����HTML�е�BRԪ�أ���
pre
��ֵ��ֹ�û��˺ϲ�һϵ�еĿհס�ֻ����Դ�ļ��г�������ʱ�����������ɵ������г���"\A"ʱ�ŷ��С�
nowrap
��ֵ��'normal'�����ϲ��հף�������ֹ�ı��ڵķ��У�������Щ�����������ɵ������е�"\A"��ɵģ�����HTML�е�BRԪ�أ���

������

    �������������ʾ�˶���PRE��PԪ�أ��������ڴ����հ�����ΪӦ����Σ��Լ�HTML�е�"nowrap"���ԡ�

PRE        { white-space: pre }
P          { white-space: normal }
TD[nowrap] { white-space: nowrap }

��CSS2һ�µ��û��������������ߺ��û���ʽ���е�'white-space'���ԣ����DZ�����ȱʡ��ʽ����Ϊ��ָ��һ��ֵ��