text-shadow xususiyati

text-shadow xususiyati matnga soyani belgilaydi. Xususiyat qiymat sifatida 4 parametrni, bo'shliq bilan ajratilgan holda qabul qiladi, yoki soyani butunlay bekor qiladigan none kalit so'zini (bu standart qiymat).

Sintaksis

cssselektor {
  text-shadow: x_bo'yicha_siljish y_bo'yicha_siljish tarqalish rang;
}

cssselektor {
  text-shadow: none;
}

Parametrlar

Parametr	Tavsif
x bo'yicha siljish	Soyaning X o'qi bo'yicha siljishini belgilaydi. Musbat qiymat o'ngga, manfiy qiymat chapga siljitadi.
y bo'yicha siljish	Soyaning Y o'qi bo'yicha siljishini belgilaydi. Musbat qiymat pastga, manfiy qiymat yuqoriga siljitadi.
tarqalish	Soyaning tarqalishini belgilaydi. Qiymat qancha katta bo'lsa, soya shunchalik tarqoq bo'ladi. Ixtiyoriy parametr. Agar ko'rsatilmasa - soya aniq bo'ladi.
rang	Soyaning rangini rang birliklari bilan belgilaydi. Ixtiyoriy parametr. Agar ko'rsatilmasa - soyaning rangi matn rangiga mos keladi.

O'qlar bo'yicha siljishlar va tarqalish foizlardan tashqari o'lcham birliklarida belgilanadi.

Misol

Keling, soyani pastga va chapga siljitamiz va unga kichik tarqalish qo'shamiz:

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

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

Результат:

Misol . Aniq soya

Endi esa soyani qizil rang qilamiz, uni pastga va chapga siljitamiz, lekin tarqalishni olib tashlaymiz - soya aniq bo'ladi:

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

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

Результат:

Misol . Bir xil soya

Hozir soya siljitilmagan, lekin unga tarqalish qo'shilgan:

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

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

Результат:

Shuningdek qarang

box-shadow xususiyati,
konteynerga soya belgilaydi