Как да се направи ход на текст в CSS

подкрепа браузър

Този имот е все още експериментална и не е безопасно за всички браузъри, но можете да зададете някои стандартните характеристики, които ще се задействат само ако потребителят използва неподдържан браузър собственост (което означава, Firefox и IE). Важно е да се разбере, че текст-тактов - не е прогресивно подобрение, ще се наложи резервен вариант за неподдържани браузъри, както и по-долу ще ви разкрие съществува, за щастие, решение на този проблем. Освен това, сега текст-тактов не се появи в спецификациите на W3C, беше набързо включени нарича текст светлини, но скоро се отстранява и все още не отново да добавя.

Това - в действителност е много проста за използване собственост, малко като граничен собственост, и е написана по много сходен. За целите на текст ход изисква само текст-тактов-цвят и текст-тактов ширина със стойността, която искате: например, ако всички връзки тагове, необходими черен ширина удар от 2 пиксела, а след това трябва да въведете:

След тестване на този код, ще видите, че на вашия сайт, че работи правилно, но и с границата имот е метод за кратко писане, която може да се използва, за да се улесни работата:

Проблемът е, че ако трябва да се изчисти текста и само един от неговите инсулт покаже, че ще бъде трудно да се направи в неподдържан браузър, тъй като в този случай всичко си текст няма да се вижда. Поради тази причина, ние имаме друг имот: текст-запълваща цвят и може да се използва за определяне на цвета на текста по подразбиране за неподдържан браузър с помощта на конвенционално цвят имоти, а след това в подкрепа на браузърите, които трябва да само да добавите имот текстови запълваща цвят и място то прозрачен цвят за всички потребители на сайта добро впечатление, но текстът не изчезва в рамките на не-WebKit браузъри - т.е. нещо като това:

HTML5 и CSS3 практика от нула до резултата!

В този пример, ако използвате WebKit, ще видите бял текст, оградена с черен кант с дебелина от 1 пиксел, но ако вашият браузър е WebKit, благодарение на използването на текстови запълваща цвят, за да виждат само черен текст никакъв ход, и ако тя не е била приложена текст-запълваща цвят, а след това да се постигне същия ефект, ще трябва да зададете цвят на текст в бяло и ходът на черно, защо не в браузъра WebKit-текст ще бъде напълно изчезнала.

С помощта на тази нова функция, можете лесно да symitiruete това, което обикновено е създадена за Photoshop, а колкото за цвят, можете да приложите някоя стойност, това означава, че действителното използване дори полупрозрачни удар на текст, като този:

Напишете нещо като това, можете да получите бял текст с прозрачна черна рамка около него. Това може да се направи с помощта на цветен притежателя на текста, така че ако искате да се създаде прозрачна удар с по-прозрачен фон, моля пишете:

заключение

Въпреки инсулт текст - експериментална функция, и не може да се използва във всички уеб сайтове, тя все още е в състояние да добавите малко магия, за да CSS3 Photoshop и ще ви даде възможност за създаване на красиви ефекти, като например прозрачни граници или тънки щрихи на пиксел текст една широка. Имотът може да бъде и експериментален, но тази техника все още може да се използва, когато се грижи за стандартната цвета на текста за неподдържани браузъри и да го пренапише с помощта на текстови запълваща цвят за подкрепата.

Редакция: Екип webformyself.

Най-IT новини и уеб разработки на нашия канал Телеграма