Text-shadow қасиеті

text-shadow қасиеті мәтінге көлеңке тағайындайды. Қасиет мәні ретінде бос орын арқылы бөлінген 4 параметрді қабылдайды, не none бөтен сөзін, бұл көлеңкені толығымен жояды (бұл әдепкі мән).

Синтаксис

cssселектор {
  text-shadow: x_жылжуы y_жылжуы бұлыңғырлық түс;
}

cssселектор {
  text-shadow: none;
}

Параметрлер

Параметр	Сипаттама
x бойынша жылжу	Көлеңкені X осі бойынша жылжуды тағайындайды. Оң мән оңға жылжытады, теріс мән - солға.
y бойынша жылжу	Көлеңкені Y осі бойынша жылжуды тағайындайды. Оң мән төмен жылжытады, теріс мән - жоғары.
бұлыңғырлық	Көлеңкенің бұлыңғырлығын тағайындайды. Мән неғұрлым үлкен болса - көлеңке соғұрлым бұлыңғыр болады. Міндетті емес параметр. Егер тағайындалмаса - көлеңке анық болады.
түс	Көлеңкенің түсін түс бірліктерінің кез келгенінде тағайындайды. Міндетті емес параметр. Егер тағайындалмаса - көлеңкенің түсі мәтін түсіне сәйкес келеді.

Ось бойынша жылжулар мен бұлыңғырлық пайыздардан басқа өлшем бірліктерінің кез келгенінде тағайындалады.

Мысал

Көлеңкені төмен және солға жылжытып, кішкентай бұлыңғырлық қосамыз:

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

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

Результат:

Мысал . Анық көлеңке

Енді көлеңкені қызыл түске бояп, оны төмен және солға жылжытамыз, бірақ бұлыңғырлықты алып тастаймыз - көлеңке анық болады:

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

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

Результат:

Мысал . Бірқалыпты көлеңке

Қазір көлеңке жылжытылмаған, бірақ оған бұлыңғырлық қосылған:

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

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

Результат:

Сондай-ақ қараңыз

box-shadow қасиеті,
бұл контейнерге көлеңке тағайындайды