Кампутары, Праграмаванне
Як зрабіць Закрэслены тэкст у CSS
CSS дазваляе вырабляць самыя разнастайныя аперацыі, звязаныя з дэкаратыўным упрыгожаннем ўсёй старонкі. Асаблівая ўвага надаецца тэксту, які ў большасці выпадкаў запаўняе большую частку ўсіх сайтаў. Сёння мы з вамі разгледзім адно цікавае ўласцівасць: надчеркнутый, падкрэслены і закрэсліць тэкст. Усе гэтыя эфекты ўсталёўваюцца з дапамогай аднаго правілы CSS.
прысваенне
Падкрэсліць і закрэсліць тэкст у CSS можна з дапамогай каманды «text-decoration». Эфект будзе залежаць ад таго, якое паказана значэнне. CSS быў прыдуманы, каб падзяліць лагічную і структурную частку вэб-старонкі. Але да з'яўлення каскадных табліц стыляў выкарыстоўваліся HTML-тэгі, якія мелі аналагічнае значэнне. Да прыкладу, такі элемент, як дазваляе вывесці Закрэслены тэкст. Цяпер гэты тэг прызнаны непажаданым, і яго прымяненне аўтаматычна зробіць ваш код старонкі Неваліднасьць. Хоць пры гэтым элемент дагэтуль падтрымліваецца ўсімі сучаснымі браўзэрамі і выкарыстоўваецца некаторымі распрацоўшчыкамі. Але вернемся да CSS. Каманда «text-decoration» можа мець наступныя значэнні:
- Underline. Прызначыўшы дадзенае значэнне, вы атрымаеце падкрэслены тэкст.
- Overline. Лінія будзе праходзіць над вызначаным фрагментам старонкі.
- Line-through. Стварае перакрэслены або Закрэслены тэкст.
- Blink. Вылучаны фрагмент дакумента будзе перыядычна знікаць і зноў з'яўляцца.
- Таксама ёсць значэння «none» і «inherit». Першае адмяняе ўсе эфекты, а другое загадвае успадкаваць ўласцівасць бацькоўскі элемент.
прызначэнне
Здавалася б, што ў CSS Закрэслены тэкст і падобныя эфекты служаць толькі для ўпрыгожвання тэксту. У большасці выпадкаў гэта зацвярджэнне праўдзівае. Але часам варта задумацца над пытаньнем: навошта ствараліся такія элементы? Да прыкладу, ужо састарэлы тэг «strike» выкарыстоўваўся для абазначэння няслушнай або старой інфармацыі. Чытачы, убачыўшы перакрэслены тэкст, разумеюць схаванае значэнне такога абазначэння. Падкрэсленыя словы заўсёды адразу ж вылучаюцца з агульнага патоку. Таму такі эфект неабходна выкарыстаць для вылучэння важнай інфармацыі. Значэнне «blink», якое робіць тэкст перарывістым, выкарыстоўваецца даволі рэдка, бо сярод праграмістаў прынята лічыць такі эфект непрымальным. Бо мала каму з вашых чытачоў падабаюцца мітуслівыя сімвалы, якія будуць пастаянна іх адцягваць. Ну а значэнне «overline» выкарыстоўваецца толькі для ўпрыгожвання тэксту.
асаблівасці
Хоць усе значэння ўласцівасці "text-decoration» уваходзяць у спецыфікацыю версій каскадных табліц, ўсё ж некаторыя значэння не падтрымліваюцца сучаснымі браўзэрамі. Напрыклад, перарывісты тэкст не будзе бачны ў IE. Браўзэр Google Chrome не ўспрымае некаторыя значэння. Мабільныя платформы непаўнавартасна падтрымліваюць дадзенае ўласцівасць.
заключэнне
Такія эфекты, як Закрэслены тэкст і іншыя падобныя значэння, прымяняюцца даволі часта на прасторах Інтэрнэту. Іх выкарыстанне дазваляе правільна выказаць асноўную ідэю аўтара, дапамагаючы канцэнтраваць увагу чытачоў на патрэбнай часткі тэксту. Але не варта занадта завіхацца і пры любой магчымасці ўжываць ўласцівасць «text-decoration». Бо залішняе ўпрыгожванне тэксту можа нашкодзіць вам і вашым чытачам.
Similar articles
Trending Now