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

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

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

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

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

Պարամետրեր

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

Օրինակ

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

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

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

Результат:

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

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

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

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

Результат:

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

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

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

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

Результат:

Տես նաև