თვისება text-shadow

თვისება text-shadow არქმევს ჩრდილს ტექსტს. მნიშვნელობად თვისება იღებს 4 პარამეტრს, რომლებიც ჩამოთვლილია გამოტოვებით, ან საკვანძო სიტყვას none, რომელიც ჩრდილს სრულიად უქმობს (ეს არის ნაგულისხმევი მნიშვნელობა).

სინტაქსი

სელექტორი {
	text-shadow: წანაცვლება_x-ზე წანაცვლება_y-ზე დაბინდვა ფერი;
}

სელექტორი {
	text-shadow: none;
}

პარამეტრები

პარამეტრი	აღწერა
წანაცვლება x-ზე	აზუსტებს ჩრდილის წანაცვლებას X ღერძზე. დადებითი მნიშვნელობა აწევს მარჯვნივ, უარყოფითი - მარცხნივ.
წანაცვლება y-ზე	აზუსტებს ჩრდილის წანაცვლებას Y ღერძზე. დადებითი მნიშვნელობა აწევს ქვემოთ, უარყოფითი - ზემოთ.
დაბინდვა	აზუსტებს ჩრდილის დაბინდვას. რაც უფრო დიდია მნიშვნელობა - მით უფრო დაბინდული იქნება ჩრდილი. არასავალდებულო პარამეტრი. თუ არ არის მითითებული - ჩრდილი იქნება მკვეთრი.
ფერი	აზუსტებს ჩრდილის ფერს ნებისმიერ ფერის ერთეულში. არასავალდებულო პარამეტრი. თუ არ არის მითითებული - ჩრდილის ფერი ემთხვევა ტექსტის ფერს.

წანაცვლება ღერძებზე და დაბინდვა მითითებულია ნებისმიერ ზომის ერთეულში, პროცენტების გარდა.

მაგალითი

მოდით, ჩრდილი ქვემოთ და მარცხნივ გადავიტანოთ და დავამატოთ მცირე დაბინდვა:

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

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

მაგალითი . მკვეთრი ჩრდილი

ახლა კი ჩრდილს წითელი ფერი მივანიჭოთ, გადავიტანოთ იგი ქვემოთ და მარცხნივ, მაგრამ დაბინდვა მოვაშოროთ - ჩრდილი მკვეთრი იქნება:

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

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

მაგალითი . ერთგვაროვანი ჩრდილი

ახლა ჩრდილი არ არის წანაცვლებული, მაგრამ მას დაემატა დაბინდვა:

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

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

იხილეთ აგრეთვე

თვისება box-shadow,
რომელიც არქმევს ჩრდილს კონტეინერს