��������� ������� ������
CSS ������ & ������

(��� ��������� ���������� ��������� ������� ������ CSS)

������ �������� �������� ��������� ������ "Web Style Sheets CSS tips & tricks".
������������ ������ ��������� ���������� ������ �� ����� W3C https://www.w3.org/Style/Examples/007/text-shadow.html
������ ������� �� �������� ����������� ���������� W3C.
��� ��������� ����� ����������� W3C.
������ �������� ����� ��������� ������ �������� � ��������.
����� ��������: ������� �������, ��� ����� ������ Speed Lab. ��� �������� ������: en, ru, uk
��������� ������: https://www.indeep76.com/Style/Example007/text-shadow.html

���� ������

��������� ���� ������

�������� ����� �����

������������ ����

�������

�������� ��������

���� ������

������� 3 CSS   �������� ��������� 'text-shadow' ��� ���������� ���� �� ������ ����� ������ ������. � ����� ���������� ����� ��� �������� ���:

h3 {text-shadow: 0.1em 0.1em #333}

��� ��������� �����-����� (#333) ���� ������� ������ (0.1em) � ���� (0.1em) ������������ ����������� ������. ��������� �������� ��������� �������:

The noak and the barcicle

(��� �� ��� �������� ������� 2005 ��������� ������������ 'text-shadow'. ������ ���� ������ ������ �������� ��� ������� �� Safari � Konqueror.)

��������� ���� ������

���������� ����� �������� 'text-shadow' ����� ��� �����: ���� (��� #333 ����) � ������ (0.1em 0.1em � �������, ������ ����). ��� �������� � ������ ���� �� ������� �������. �� ������ ����� ����� ������� ���������, ��� �������� � ����� ��� ����� ��������� ����.

������� ���������� ������������, ��� ������ ������. ��� ��� �����, ���� � ��������� ����������� (0.05em) � ������ - � ������� (0.2em):

h3.a {text-shadow: 0.1em 0.1em 0.05em #333}
h3.b {text-shadow: 0.1em 0.1em 0.2em black}

“What do you say?” said the UK

In order to see more clearly

�������� ����� �����

���� ����� ������� ����� ���������, ���� �������� ����� �������� ����� � ������ ����� ���������. ��� ������ ������ ������ �� ������-������� ����, ������� ��� ����, � ����� � �����:

h3 {color: white}
h3.a {color: white; text-shadow: black 0.1em 0.1em 0.2em}

��� ����:

What is in it for me?

� �����:

With a shovel and some oranges

������������ ����

�� ����� ������ ������� �����, ��� ���� ����. � ����� ��� �������� �������� �������:

h3 {text-shadow: 0.2em 0.5em 0.1em #600,
      -0.3em 0.1em 0.1em #060,
      0.4em -0.3em 0.1em #006}

I wish wish wish…

�� ��� ������ ���� ��������� ������������� ������ � ������� ����� ������ ����� ��������:

h3.a {text-shadow: -1px -1px white, 1px 1px #333}
h3.b {text-shadow: 1px 1px white, -1px -1px #333}

I, Augustus (you know who)

That's extra, of course

��� ������� ������, ��� ��� �� ������ ������, ������������ �� ��� ������� 'text-shadow'. ���������� ����� ���� � ������ � ���� ������� ����������� ��������� (#CCCCCC � #D1D1D1), ��� ��� ��� ����� �� ���� �������� ���������.

��������� ���� � ��������

������ � ����� ������ ���������� ������ ����� ������������ � �����. ��� ������ ������� �����, ������ ����� ������ �������:

h3 {text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black}

Are you feeling red?

A cat, an apple, etcetera

��� �� ������ ������, � � ��������� ����� (������ 2005)������������ ��������� � ���, ������ �� CSS �������� ��������� �������� (���, ��������, ���������� ��� 'text-decoration') ��� ����, ����� ������ ������ �������.

�������� ��������

���� �� ��������� ��������� ���� ����� ��� �������, �� ���� � ������� ��������, ������ ������� � ���, ����� ������� �������� ������ ����. ���� �������� ����� ���� ������������ �����������, ������ ��������� ����� �� ���� ��������� ���:

h3.a {text-shadow: 0 0 0.2em #8F7}
h3.b {text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87}
h3.c {text-shadow: 0 0 0.2em #87F, 0 0 0.2em #87F,
        0 0 0.2em #87F}

With a zest of best

There's no no like a better no

Indeed, quite right, Mr M

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
�������� ������ 4 Aug 2005;
��������� ��������� $Date: 2007/07/20 16:18:41 $ GMT