Як зробити закреслений текст в 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». Адже зайве прикраса тексту може нашкодити вам і вашим читачам.
Прикраса веб-сторінки і розмір шрифту в HTML Початківцям веб-дизайнерам корисно буде знати про способи оформлення тексту веб-сторінки. До них відносяться вирівнювання, колір, розмір шрифту та багато іншого.З форматуванням пов'язані кілька тегів. Найчастіше використовується "p" - абзац. У нього…
Як виділити весь текст в Ворді Щоб зробити яку-небудь дію з текстом, скажімо, змінити використовуваний для написання шрифт, необхідно текст виділити. Виділення невеликих шматків не викликає труднощів навіть у початківців користувачів, адже в Windows більшість операцій можна…
Форматування тексту у форматі html При оформленні html-документа не слід забувати про такий важливий понятті, як форматування тексту. Завдяки йому текст буде виглядати акуратно і ефектно. Звичайно, завжди можна залишити форматування за замовчуванням. Але в такому випадку може вийти,…
Як в текст вставити посилання, щоб вона відкривалася в новому вікні Для того щоб вставити посилання в текст, необхідно мати загальні уявлення про мову html, в якому є для цього спеціальна «команда», іменована «тегом а». Щоб на вашій сторінці при натисканні на певний елемент відкривалася необхідна сторінка інтернету,…
Головна буква в html і css Заголовна буква, відповідно до визначення, - це елемент тексту, який збільшений в розмірі щодо малих літер. Практично у всіх мовах з великої літери починається пропозицію. А оформлення початку абзацу виділяється великою літерою дозволяє…
Як прикрасити текст в "Фотошопі" Adobe Photoshop є дуже потужним графічним редактором. З його допомогою вирішується безліч завдань, які ставляться до зображень. І сьогодні ми будемо прикрашати текст в "Фотошопі". Ми розглянемо основні засоби та інструменти, які допоможуть змінити…
Як правильно призначати і використовувати якір HTML? Сьогоднішньої темою для обговорення буде якір HTML. Даний елемент дозволяє виробляти швидкі переходи як усередині сторінки, так і в зовнішні документи. Якоря досить часто використовуються веб-розробниками. Так як вони допомагають організувати…
Як вирівняти текст в "Ворді". Як вирівняти текст по вертикалі, ширині і по краях Користувачі комп'ютера мають можливість полегшувати свою роботу за допомогою різних програм. Одні можуть використовуватися досить часто, другі - набагато рідше, але є програми, знання яких необхідно будь-якій освіченій людині. До таких програм можна…
Як вирівнювати текст в "Ворді". Як вирівняти текст по висоті, краях і по вертикалі Програма «Ворд» отримала широке розповсюдження серед користувачів різних спеціальностей. По суті, це невелика видавнича настільна система. При роботі з текстом програма надає просто необмежені можливості. Розібратися ж у всіх її тонкощах не складе…
Виділяємо текст. Жирний шрифт. HTML-посібник для початківців Один з найбільш простих способів виділити в тексті слово або фразу - використовувати інше накреслення літер. Так можна підкреслити слово або фразу, використовуючи жирний шрифт. HTML-розмітка сторінки з легкістю дозволяє виділяти слова за допомогою…
Інструкція: як закреслити слово в "Ворді" Зараз ми розповімо вам, як закреслити слово в «Ворді». Адже робота у вказаному текстовому редакторі дає користувачеві великі можливості. Завдяки додатку можна проводити різні маніпуляції з текстом. Одну з них ми зараз опишемо.Як закреслити слово в…
Червона строка.Оформляем відступ в HTML При оформленні тих чи інших текстів чи навіть таблиць веб-майстрам доводиться стикатися з такою проблемою, як оформлення червоних рядків, відступів в тексті. Здавалося б, все досить просто - скопіювати текст в потрібне поле, і відступи будуть…
HTML теги: верстка, програмування, оформлення Основним засобом при створенні веб-сторінок будь-якого рівня складності є мова розмітки гіпертексту або Hypertext Markup Language (HTML). Всі конструкції мови називаються «HTML теги», які й визначають відображення тексту на сторінці і верстку всій…