text-shadow հատկությունը

text-shadow հատկությունը սահմանում է տեքստի ստվերը: Որպես արժեք հատկությունը ընդունում է 4 պարամետր, որոնք թվարկվում են բացատով կամ none բանալի բառը, որն ամբողջությամբ չեղարկում է ստվերը (սա լռելյայն արժեքն է):

Շարահյուսություն

ընտրիչ {
	text-shadow: տեղաշարժ_x-ով տեղաշարժ_y-ով blur գույն;
}

ընտրիչ {
	text-shadow: none;
}

Պարամետրեր

Պարամետր	Նկարագրություն
տեղաշարժ x-ով	Սահմանում է ստվերի տեղաշարժը X առանցքի վրա: Դրական արժեքը տեղաշարժում է աջ, բացասականը՝ ձախ:
տեղաշարժ y-ով	Սահմանում է ստվերի տեղաշարժը Y առանցքի վրա: Դրական արժեքը տեղաշարժում է ներքև, բացասականը՝ վերև:
blur	Սահմանում է ստվերի blur-ը: Որքան մեծ է արժեքը, այնքան ավելի blur կլինի ստվերը: Ոչ պարտադիր պարամետր: Եթե չի սահմանված, ստվերը կլինի կտրուկ:
գույն	Սահմանում է ստվերի գույնը ցանկացած գույնի միավորով: Ոչ պարտադիր պարամետր: Եթե չի սահմանված, ստվերի գույնը կհամընկնի տեքստի գույնի հետ:

Առանցքների երկայնքով տեղաշարժը և blur-ը սահմանվում են ցանկացած չափի միավորով, բացի տոկոսներից:

Օրինակ

Եկեք տեղաշարժենք ստվերը ներքև և ձախ և ավելացնենք մի փոքր blur:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 5px 5px 3px black;
}

Օրինակ . Կտրուկ ստվեր

Հիմա եկեք ստվերի գույնը դարձնենք կարմիր, տեղաշարժենք այն ներքև և ձախ, բայց հանենք blur-ը - ստվերը կլինի կտրուկ:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 10px 10px red;
}

Օրինակ . Միատեսակ ստվեր

Այժմ ստվերը չի տեղաշարժված, բայց դրան ավելացված է blur:

<div id="elem">
	Lorem ipsum dolor sit amet.
</div>

#elem {
	text-shadow: 0px 0px 3px black;
}

Տես նաև

box-shadow հատկությունը,
որը սահմանում է կոնտեյների ստվերը