18 �û��

Ŀ¼

18.1 ��꣺'cursor'��

ֵ��	[ [<uri> ,]* [ auto \| crosshair \| default \| pointer \| move \| e-resize \| ne-resize \| nw-resize \| n-resize \| se-resize \| sw-resize \| s-resize \| w-resize\| text \| wait \| help ] ] \| inherit
��ʼֵ��	auto
��ڣ�	��Ԫ��
�ɷ�̳У�	��
�ٷֱȣ�	N/A
ý�飺	�Ӿ��

��һ��ָ��ָ��豸Ӧ��ʾ��͵Ĺ�ꡣȡֵ�ĺ��£�

auto: UA��ľ��Ӧ��ʾʲô��ꡣ
crosshair: ʮ��ߣ��磬��һ��ơ�+��ķ��ţ��
default: ��ƽ̨��ȱʡ��ꡣͨ��ȾΪһ��ͷ��
pointer: ָ��꣬��ʾһ��ӡ�
move: ��ʾ��ƶ�ĳЩ��
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize: ��ʾ��ƶ�ĳ��ߡ��磬'se-resize'��ʾ��ƶ��ʼ�ڶ��Ͻǡ�
text: ��ʾ��ѡ��ı��ͨ��ȾΪI�ι�ꡣ
wait: ��ʾ��æ��Ҫ�û��ȴ��ͨ��ȾΪ�ֱ��ɳ©��
help: ��µĶ��а��ݡ�ͨ��ȾΪһ��ʺŻ�һ��
<uri>: �û��˴�URIָ��Դ��ù�ꡣ��û��޷��һϵ�й��еĵ�һ��ô��Ӧ��Դ��ڶ��ȵȡ��û��޷��κ��û��Ĺ�꣬��ʹ��б��ͨ�ù�ꡣ

P { cursor : url("mything.cur"), url("second.csr"), text; }

18.2 �û��ɫ��

��˿��Ϊ�ı��ָ��Ԥ��ɫֵ֮�⣬CSS2��û��Խ��ɫ��ɵ��û��ͼ�λ��ķ�ʽָ��ɫ��ˣ��ǵ��û�ƫ�õ��ʽ��ṩ��µ��ƣ�

��ǿ��ʺ��û��ۺ͸��ܵ�ҳ�档
��ɵ�ҳ��ܸ��߿��⣬��Ϊ��ǰ�û��ĳ�ֲм��ء�

Ϊϵͳɫ�ʶ��ֵ��ͼ�꾡��ϵͳ��û�ж�Ӧֵ��ôָ��ֵ��ӳ�䵽��ӽ��ϵͳ��Ի�ȱʡ��ɫ��

��б��г��CSS��ɫ��ص�ֵ�Լ��һ��ĺ��塣�κ��ɫ��ԣ��'color'��'background-color'��е�һ��֡��ǶԴ�Сд��У��ǽ��ʹ��ʾ�Ļ�ϴ�Сд��ʽ��ʹ��Щ��ָ��׶��

ActiveBorder: ���ڱ߿�
ActiveCaption: ���ڱ��⡣
AppWorkspace: MID��ڵı��ɫ��
Background: ��汳��
ButtonFace: ��ά��ʾԪ�ص��ɫ��
ButtonHighlight: ��ά��ʾԪ�ص��ɫ��Ӱ��ڱ��Ź�Դ�ıߣ��
ButtonShadow: ��ά��ʾԪ�ص��Ӱ��
ButtonText: ��ť�ϵ��ı��ɫ��
CaptionText: ��⡢�ߴ��Լ��ͷ��е��ı��
GrayText: ��ɫ��ã��ı��ǰ��ʾ��֧�ֻ�ɫ��Ϊ#000��
Highlight: �ؼ��б�ѡ��Ŀ��
HighlightText: �ؼ��б�ѡ��ı��
InactiveBorder: ���Ĵ��ڱ߿�
InactiveCaption: ���Ĵ��ڱ��⡣
InactiveCaptionText: ����ڱ��ı��ɫ��
InfoBackground: �ؼ��ʾ�ı��ɫ��
InfoText: �ؼ��ʾ��ı��ɫ��
Menu: �˵��
MenuText: �˵��ı��
Scrollbar: ��ɫ��
ThreeDDarkShadow: 3ά��ʾԪ�ص��ɫ��Ӱ��
ThreeDFace: 3ά��ʾԪ�صı��ɫ��
ThreeDHighlight: 3ά��ʾԪ�صĸ��ɫ��
ThreeDLightShadow: 3ά��ʾԪ�ص�ǳɫ��Ӱ��Դ��һ�ߣ��
ThreeDShadow: 3ά��ʾԪ�ص��ɫ��Ӱ��
Window: ��ڱ��
WindowFrame: ��ڿ�ܡ�
WindowText: ��ı��

��磬Ҫ��ö��ǰ��ͱ��ɫ��û��ڵ�ǰ��ɫһ�£��ôд��

P { color: WindowText; background-color: Window }

18.3 �û��

��ɫ��һ��߿��ʹ��û�ϵͳ��Դ��ָ��塣��μ�'font'��ԡ�

18.4 ��̬��'outline'��

��Щʱ��ʽ��߿��ڿ��Ӷ��簴ť����ͼ�ε�ͼ�ȣ��Χ��ʹ��ͻ��ʾ��CSS2��߿��Ĳ�ͬ��ڣ�

��ռ�ÿռ䡣
��һ��Ǿ��Ρ�

��Կ��Щ��̬��ʽ��

'outline'

ֵ��	[ <'outline-color'> \|\| <'outline-style'> \|\| <'outline-width'> ] \| inherit
��ʼֵ��	�μ��
��ڣ�	��Ԫ��
�ɷ�̳У�	��
�ٷֱȣ�	N/A
ý�飺	�Ӿ��

'outline-width'

ֵ��	<border-width> \| inherit
��ʼֵ��	medium
��ڣ�	��Ԫ��
�ɷ�̳У�	��
�ٷֱȣ�	N/A
ý�飺	�Ӿ��

'outline-style'

ֵ��	<border-style> \| inherit
��ʼֵ��	none
��ڣ�	��Ԫ��
�ɷ�̳У�	��
�ٷֱȣ�	N/A
ý�飺	�Ӿ��

'outline-color'

ֵ��	<color> \| invert \| inherit
��ʼֵ��	invert
��ڣ�	��Ԫ��
�ɷ�̳У�	��
�ٷֱȣ�	N/A
ý�飺	�Ӿ��

outline��Դ��һ��桱��Ҳ��˵��ڶ��ϣ��Ӱ��ÿ��κ��ĳߴ硣��ˣ��ʾ��ʾ��Ӱ��

��߿��֮�⡣

��ǷǾ��εġ��磬�ٶ��Ԫ�ر��ָ��ںü��У��ô��Ҫ��Ԫ��п��߿��ͬ��ǣ��߿��˶��ǿ��ŵģ��ȫ�պϵġ�

'outline-width'��Խ��ֵ��'border-width'һ��

'outline-style'��Խ��ֵ��'border-style'һ��'hidden'��һ��Ϸ��ʽ��

'outline-color'��е��ɫ��ؼ��'invert'��'invert'Ӧ��Ļ�϶��ص��ɫ��һ�η�ת��С��ɱ�֤��ɼ��ܱ��ɫ��ʲô��

'outline'��Ǹ��ԣ��'outline-style'��'outline-width'��'outline-color'��

ע�⣬��ڸ��߶�һ��ͱ߿�ͬ��û��'outline-top'��'outline-left'��ԡ�

��淶û�ж��λ��ƶ��า�ǵ��Ҳû�ж��λ��Ԫ��֮��в��ֲ��ɼ��Ŀ��

ע�⣬��ڽ��Ӱ��ʽ��Ҳ��˵��ڿ�ģ��в��Ŀռ䣩��ܻḲ��ҳ��ϵ��Ԫ�ء�

��BUTTONԪ��Χ��һ��ֵ��

BUTTON { outline-width : thick }

��ýű��̬�ĸı��Ŀ��ȣ��ı仯��

18.4.1 ��ͽ��

ͼ�λ��û��Ԫ��Χ��û�ҳ��ĸ�Ԫ�ػ��Щ��Ƕ��κα߿�ģ��л��ʾ�Ͳ��ʾ��ʹ�ĵ��ı仯��ĵ��û��⣨��磬��ı��ѡ��һ��ť�ȣ��û��֧��ý��ٽ��ںδ��ұ��ʾ��㡣��ͨ��̬��:focusα��ʹ��ɡ�

��磬Ҫ��һ��Ԫ�ػ�ý��ʱ��Χ��һ��ֺ�ʵ��ʱ��һ��ֺ�ʵ��Ĺ��

:focus  { outline: thick solid black }
:active { outline: thick solid red }

18.5 �Ŵ�

CSS��Ϊ�Ŵ��ĵ��򲿷��ĵ��Ӧ��ͨ��ʽ��涨��û��˿��ò�ͬ�ķ�ʽ֧��ķŴ��磬��ͼ�Σ��ȣ��

�ڷŴ�ҳ��ʱ��UAӦ�ñ��λԪ�صĹ�ϵ��磬һ��СƷ��ɴ��и��ϵ��ı��ͼƬ��ɡ��Ҫ�Ŵ��ҳ�棬�û��Ӧ�ñ��ı��СƷ��С�

18 �û�����

18.1 ��꣺'cursor'����

18.2 �û�����ɫ����

18.3 �û�����������

18.4 ��̬������'outline'����

18.4.1 �����ͽ���