Как сделать красивый текст для Инстаграм: +16 примеров оформления текста в постах
Зачем заморачиваться с оформлением текста в Инстаграм? Ведь можно просто делать красивые фото. Если вы ведете коммерческий аккаунт, и ваша цель – привлечение клиентов и продажи, то одними фотографиями не обойтись.
Красиво оформленный текст легче читается, привлекает внимание, раскрывает суть фото, вызывает интерес. Текст может побудить подписчиков подписаться на аккаунт, сделать покупку, рассказать о вас и вашем бизнесе знакомым или, как минимум, проявлять активность в профиле.
Реклама: 2VtzqvSTRwmВ статье мы дадим советы, как лучше оформить текст под фото в Инстаграм, чтобы он работал на вас и помогал привлекать клиентов.
Читайте также: 10 сервисов для масслукинга в Инстаграм
Секреты оформления текста в Инстаграм
Приводим несколько советов, которые позволят красиво оформить текст в Инстаграм.
1. Делите текст на абзацы
Не пишите полотно текста, разделите его на абзацы, так намного легче воспринимать информацию.
Если лень редактировать текст вручную, можно воспользоваться Telegram-ботом Text4InstaBot. Находим и открываем бота в мессенджере, нажимаем «Запустить».
Текст должен быть заранее разделен на обычные абзацы, тогда бот сможет разделить их на «невидимые» абзацы, которые будут корректно отображаться в Инстаграм (если просто кинуть текст даже с абзацами в Инсту, все равно получится полотно). Если этого не сделать, от бота выскочит предупреждение. Визуально готовые тексты не отличаются, но вам нужно скопировать именно тот, который прислал бот.
Кроме деления текста на абзацы бот умеет выравнивать его по центру, подчеркивать и зачеркивать слова. Еще можно использовать любой сервис отложенного постинга для Инстаграм, где есть оформление текста.
Если нет желания тратить время на бота или сервисы, есть вариант для ленивых – разделить абзацы точками.
2. Затрагивайте 1 тему под 1 фото
Не пытайтесь запихнуть в один пост все преимущества вашего товара, возьмите какую-то узкую тему и посвятите ей конкретный пост.
В самой структуре тоже должна быть логика:
- введение;
- суть поста;
- призыв к действию.
3. Используйте эмодзи
Эмодзи помогают упорядочить текст и вызвать определенные эмоции у читателей. Да и просто делают текст ярким. Но используйте смайлы аккуратно и по делу – эмодзи, натыканные в разных частях текста без логики и смысла, наоборот раздражают. Как и слишком большое их количество – пост пестрит яркими красками, из-за чего становится сложно воспринимать сам текст.
Пример хорошего использования эмодзи в тексте:
Пример неудачного использования эмодзи в тексте:
4. Делайте списки в постах, используйте пункты
Для подборок, перечисления шагов или вопросов хорошо использовать эмодзи в виде значков списка или пунктов с числами. Как на этой картинке:
С ними даже большой текст читается легко и можно отметить для себя самые важные моменты.
5. Правильно используйте хэштеги
Мы уже неоднократно писали, что полотно из хэштегов больше не работает – они могут быть расценены алгоритмами Инстаграм, как переспам и визуально смотрятся некрасиво. Кроме того, чересчур длинный список хэштегов отвлекает внимание от самого текста. Выберите 3-5 самых важных тега для поста.
Подробнее: Как использовать хэштеги в Инстаграм для раскрутки
6. Используйте призывы к действию
Это не означает призыв что-то купить у вас, это может быть фраза или вопрос, который спровоцирует обсуждение в комментариях. Активность в комментариях повлияет на охват и продвижение аккаунта в целом. В Инстаграм-текстах призыв к действию пишите в конце поста.
Если же вы призываете подписчиков перейти на сайт или написать вам в мессенджеры, тогда направляйте их профиль, где есть все эти контакты. Либо сделайте мультиссылку.
7. Используйте заголовки
По умолчанию в Инстаграм нет функции заголовков и подзаголовков.
Заголовок можно визуально выделить при помощи капслока, смайликов, черточек, символов. Заголовок поможет обозначить тему поста и привлечь внимание.
Также, можно оформить заголовок в виде надписи на фото.
8. Добавляйте текст в карусель
Иногда тексты получаются очень большими и не хочется делить их на несколько постов. А количество символов в посте Инстаграм, как вы знаете, ограничено – 2200 знаков с учетом пробелов.
Если хочется закончить свою мысль, а текст уже не помещается, можно разместить его в виде фотографий, следующих за основным фото. В конце поста оставляйте призыв «Читайте продолжение в карусели».
9. Зачеркнутый текст в Инстаграм
Периодически можно выкладывать посты с зачеркнутым текстом, чтобы показать двойственное отношение к чему-то или оставить в тексте недосказанность. Такая функция есть в Телеграм-боте Text4InstaBot и приложении Spectrox.
Как сделать зачеркнутый текст в Инстаграм с помощью бота Text4InstaBot:
Запускаем бота и кидаем туда текст.
Зачеркнутые слова должны быть отделены с двух сторон тремя дефисами, вот так: «Пишите тексты, как будто общаетесь —не с клиентами, а— с друзьями». Затем готовый текст копируем и вставляем в пост.
Как сделать зачеркнутый текст в Spectrox:
На сайте всего 2 окна. В левое вставляем слова или фразы, которые нужно зачеркнуть и нажимаем >>.
Готовый кусок останется скопировать и вставить в пост.
10. Упоминание профиля в тексте
В тексте Инстаграм поста нельзя оставить кликабельную ссылку на сайт, но можно оставить ссылку на профиль. Вы можете завести отдельный рекламный аккаунт или несколько аккаунтов с нужными ссылками в шапке профиля. И перенаправлять подписчиков туда при помощи упоминания профиля в текст – @второйакк. При этом не придется трогать основной аккаунт.
Упоминание профилей в посте больше используют для рекламы чужих аккаунтов, но не стоит недооценивать потенциал этой функции в плане раскрутки собственных.
11. Контакты в конце поста
Можно оставить свои контакты прямо в тексте поста, тогда людям не придется искать их в профиле. Но этот вариант подходит не для всех.
12. Хэштег в тексте
Пару хэштегов можно запрятать в тело поста, как часть предложения. Они хорошо воспринимаются читателями, при этом выполняют свою главную функцию.
Советы по оформлению текстов в сторис
В сторис по умолчанию очень слабый редактор текста. Видимо, потому что эта функция изначально задумывалась для создания видео контента, т.е. много текста там просто ни к чему. Что можно сделать:
- Используйте текстовые стикеры. Да, это не уникально, но стикеры по-прежнему привлекают внимание. Следите за выходом новых и сразу используйте их в сторис.
- Используйте цветное редактирование. Например, выделите самое важное слово в тексте.
Кстати, можно использовать не только предложенные цвета, но и самому выбрать нужный оттенок в палитре.
Для этого нужно зажать конкретный цвет. - Сделайте 3D текст. В сторис нет функции, позволяющей сделать объемный текст, придется пойти на хитрость. Напишите слово и сделайте заливку цветом, например, черным. Потом напишите это слово еще раз и сделайте заливку уже другим цветом. Сделайте наложение одного слова на другое, но с небольшим смещением, чтобы было похоже на 3D эффект.
- Добавьте фон для текста. Для этого нужно нажать на кнопку А в левом верхнем углу.
Для этого нужно зажать конкретный цвет.Если стандартных настроек текста в сторис вам не хватает, можно воспользоваться конструкторами постов для соцсетей – например, Canva и Crello. Или купить готовые шаблоны для Photoshop, After Effects и Premiere Pro и настроить их по своему вкусу.
Читайте также: Где учиться продвижению в Инстаграм? Подборка из 10 курсов
ЗаключениеКрасиво оформленные тексты в Инстаграм привлекают внимание подписчиков и повышают вовлеченность.
Сравнение онлайн-курсов
Перед тем, как купить любой курс, сравните условия от разных школ — стоимость обучения, скидки, длительность, есть ли программа трудоустройства. Подобрать онлайн-курс >>
Реклама
Больше статей по теме:
РекламаРЕКОМЕНДУЕМ:
НОВОСТИ
ОБЗОРЫ
СТАТЬИ
РекламаПравила оформления текста доклада | ВГТУ
Текст статьи для сборника материалов семинара оформляется в виде файла Microsoft Word for Windows объемом от 2 до 6 полных страниц формата А4. Шрифт Times New Roman, междустрочный интервал одинарный. Размер бумаги – А4, ориентация листа – «Книжная». Размеры полей: верхнее – 2; левое – 2; правое – 2; нижнее – 2,5 см. Автоматический перенос слов включен.
При подготовке текста статьи необходимо соблюдать следующий порядок:
· УДК – в левом верхнем углу листа, размер шрифта 14;
· Название доклада – посередине строки прописными буквами, размер шрифта 14;
· Инициалы и фамилия(и) автора(ов) – посередине строки, строчными буквами, размер шрифта 14;
· Полное открытое наименование учреждения, представившего доклад; e-mail одного (или более) из авторов – посередине строки, строчными буквами, размер шрифта 12;
· Краткая аннотация (3-7 строк) – отступ первой строки 1,25 см, отступ слева 1,25 см, размер шрифта 12;
· Ключевые слова (начиная со слов «Ключевые слова:») – отступ первой строки 1,25 см, отступ слева 1,25 см, размер шрифта 12;
· Текст – отступ первой строки 1,25 см, размер шрифта 14;
· Литература – нумерованный список, с заголовком «Литература», в каждом пункте отступ первой строки 1,25 см, размер шрифта 12.
· Название статьи, ФИО авторов на английском языке – посередине строки, размер шрифта 14;
· Название организации, краткая аннотация (3-7 строк) и ключевые слова на английском языке – посередине строки, строчными буквами, размер шрифта 12.
При этом расстояние между соседними разделами текста доклада равно одному дополнительному интервалу.
Таблицы, рисунки, формулы располагаются по тексту. Все рисунки и формулы должны быть вставлены в документ в редакторе Word. Если рисунок был взят автором из какого-либо источника, подпись под рисунком должна содержать ссылку на этот источник. Формулы должны быть набраны в редакторе формул, не допускается внедрение в текст формул в виде рисунков. Размер основных символов в формулах должен быть таким же, как в тексте (14 пт). Не рекомендуется использование в формулах символов кириллицы во избежание их некорректного отображения. Не рекомендуется изменение размера формул мышью или через свойства объекта.
Имя файла, содержащего заявку, должно начинаться с фамилии и инициалов докладчика, за которой через дефис следует слово «заявка» (например: ПетровАВ-заявка.doc). Имя файла, содержащего текст доклада, должно начинаться с фамилии и инициалов докладчика, за которой через дефис может следовать номер доклада (если докладов больше одного). Например: ВасильевВА.doc, СидороваИВ-1.doc, СидороваИВ-2.doc.
Допускается архивирование файлов в формате RAR или ZIP.
Для проживающих в Воронеже заявки и доклады можно представить лично по адресу
Контакты:
Телефон Оргкомитета: (473) 246-42-22
Батаронов Игорь Леонидович
Шунин Геннадий Евгеньевич
Пешков Вадим Вячеславович
| наследование украшения | цвет украшения текста: наследование; |
| декор-текущий | текст-декор-цвет: текущий цвет; |
| декоративный прозрачный | текстовый декоративный цвет: прозрачный; |
| декоративный черный | текстовый декоративный цвет: #000; |
| декоративный белый | текстовый декоративный цвет: #fff; |
| украшение-шифер-50 | текст-украшение-цвет: #f8fafc; |
| украшение-сланец-100 | цвет-украшения-текста: #f1f5f9; |
| украшение-сланец-200 | текст-украшение-цвет: #e2e8f0; |
| украшение-сланец-300 | текст-украшение-цвет: #cbd5e1; |
| декор-сланец-400 | текст-декор-цвет: #94a3b8; |
| декор-сланец-500 | text-decoration-color: #64748b; |
| декор-сланец-600 | текст-декор-цвет: #475569; |
| декор-сланец-700 | текст-декор-цвет: #334155; |
| украшение-шифер-800 | текст-украшение-цвет: #1e293b; |
| украшение-сланец-900 | цвет-украшения-текста: #0f172a; |
| декор-сланец-950 | текст-декор-цвет: #020617; |
| украшение-серый-50 | текст-украшение-цвет: #f9fafb; |
| украшение-серый-100 | текст-украшение-цвет: #f3f4f6; |
| декоративный серый-200 | текстовый декоративный цвет: #e5e7eb; |
| украшение-серый-300 | текст-украшение-цвет: #d1d5db; |
| декоративный серый-400 | текстовый декоративный цвет: #9ca3af; |
| декор-серый-500 | text-decoration-color: #6b7280; |
| украшение-серый-600 | текст-украшение-цвет: #4b5563; |
| украшение-серый-700 | текст-украшение-цвет: #374151; |
| декоративный серый-800 | текстовый декоративный цвет: #1f2937; |
| украшение-серый-900 | текст-украшение-цвет: #111827; |
| декор-серый-950 | текст-декор-цвет: #030712; |
| украшение-цинк-50 | текст-украшение-цвет: #fafafa; |
| декор-цинк-100 | текст-декор-цвет: #f4f4f5; |
| декор-цинк-200 | текст-декор-цвет: #e4e4e7; |
| украшение-цинк-300 | текст-украшение-цвет: #d4d4d8; |
| декор-цинк-400 | текст-декор-цвет: #a1a1aa; |
| украшение-цинк-500 | text-decoration-color: #71717a; |
| декор-цинк-600 | текст-декор-цвет: #52525b; |
| декор-цинк-700 | текст-декор-цвет: #3f3f46; |
| декор-цинк-800 | текст-декор-цвет: #27272a; |
| декор-цинк-900 | текст-декор-цвет: #18181b; |
| декор-цинк-950 | текст-декор-цвет: #09090б; |
| декор-нейтральный-50 | текст-декор-цвет: #fafafa; |
| декор-нейтральный-100 | текст-декорация-цвет: #f5f5f5; |
| украшение-нейтральный-200 | текст-украшение-цвет: #e5e5e5; |
| украшение-нейтральный-300 | текст-украшение-цвет: #d4d4d4; |
| оформление-нейтральный-400 | текст-украшение-цвет: #a3a3a3; |
| украшение-нейтральный-500 | текст-украшение-цвет: #737373; |
| оформление-нейтральный-600 | текст-украшение-цвет: #525252; |
| оформление-нейтральный-700 | текст-украшение-цвет: #404040; |
| оформление-нейтральный-800 | текст-украшение-цвет: #262626; |
| оформление-нейтральный-900 | текст-украшение-цвет: #171717; |
| декор-нейтральный-950 | text-decoration-color: #0a0a0a; |
| декор-камень-50 | текст-декор-цвет: #fafaf9; |
| декоративный камень-100 | текстовый декоративный цвет: #f5f5f4; |
| украшение-камень-200 | текст-украшение-цвет: #e7e5e4; |
| украшение-камень-300 | текст-украшение-цвет: #d6d3d1; |
| декоративный камень-400 | текстовый декоративный цвет: #a8a29е; |
| украшение-камень-500 | текст-украшение-цвет: #78716c; |
| украшение-камень-600 | текст-украшение-цвет: #57534e; |
| украшение-камень-700 | текст-украшение-цвет: #44403c; |
| украшение-камень-800 | текст-украшение-цвет: #292524; |
| украшение-камень-900 | текст-украшение-цвет: #1c1917; |
| декоративный камень-950 | text-decoration-color: #0c0a09; |
| украшение-красный-50 | текст-украшение-цвет: #fef2f2; |
| украшение-красный-100 | текст-украшение-цвет: #fee2e2; |
| украшение-красный-200 | текст-украшение-цвет: #fecaca; |
| украшение-красный-300 | текст-украшение-цвет: #fca5a5; |
| украшение-красный-400 | текст-украшение-цвет: #f87171; |
| украшение-красный-500 | текст-украшение-цвет: #ef4444; |
| украшение-красный-600 | текст-украшение-цвет: #dc2626; |
| украшение-красный-700 | текст-украшение-цвет: #b91c1c; |
| украшение-красный-800 | текст-украшение-цвет: #991b1b; |
| украшение-красный-900 | текст-украшение-цвет: #7f1d1d; |
| украшение-красный-950 | text-decoration-color: #450a0a; |
| украшение-оранжевый-50 | текст-украшение-цвет: #fff7ed; |
| украшение-оранжевый-100 | текст-украшение-цвет: #ffedd5; |
| украшение-оранжевый-200 | текст-украшение-цвет: #fed7aa; |
| украшение-оранжевый-300 | текст-украшение-цвет: #fdba74; |
| украшение-оранжевый-400 | текст-украшение-цвет: #fb923с; |
| украшение-оранжевый-500 | цвет текста-украшения: #f97316; |
| украшение-оранжевый-600 | текст-украшение-цвет: #ea580c; |
| украшение-оранжевый-700 | текст-украшение-цвет: #c2410c; |
| украшение-оранжевый-800 | цвет текста-украшения: #9a3412; |
| украшение-оранжевый-900 | цвет текста-украшения: #7c2d12; |
| украшение-оранжевый-950 | текст-украшение-цвет: #431407; |
| украшение-янтарь-50 | текст-украшение-цвет: #fffbeb; |
| украшение-янтарь-100 | текст-украшение-цвет: #fef3c7; |
| украшение-янтарный-200 | текст-украшение-цвет: #fde68a; |
| украшение-янтарный-300 | текст-украшение-цвет: #fcd34d; |
| украшение-янтарь-400 | text-decoration-color: #fbbf24; |
| украшение-янтарный-500 | текст-украшение-цвет: #f59e0b; |
| украшение-янтарный-600 | текст-украшение-цвет: #d97706; |
| украшение-янтарный-700 | текст-украшение-цвет: #b45309; |
| украшение-янтарный-800 | текст-украшение-цвет: #92400e; |
| украшение-янтарный-900 | текст-украшение-цвет: #78350f; |
| украшение-янтарь-950 | цвет-украшения текста: #451a03; |
| украшение-желтый-50 | текст-украшение-цвет: #fefce8; |
| украшение-желтый-100 | текст-украшение-цвет: #fef9c3; |
| украшение-желтый-200 | текст-украшение-цвет: #fef08a; |
| украшение-желтый-300 | текст-украшение-цвет: #fde047; |
| украшение-желтый-400 | text-decoration-color: #facc15; |
| украшение-желтый-500 | текст-украшение-цвет: #eab308; |
| украшение-желтый-600 | текст-украшение-цвет: #ca8a04; |
| украшение-желтый-700 | текст-украшение-цвет: #a16207; |
| украшение-желтый-800 | текст-украшение-цвет: #854d0e; |
| украшение-желтый-900 | текст-украшение-цвет: #713f12; |
| украшение-желтый-950 | текст-украшение-цвет: #422006; |
| украшение-лайм-50 | текст-украшение-цвет: #f7fee7; |
| украшение-лайм-100 | текст-украшение-цвет: #ecfccb; |
| украшение-лайм-200 | цвет-украшения-текста: #d9f99d; |
| украшение-лайм-300 | текст-украшение-цвет: #bef264; |
| украшение-лайм-400 | text-decoration-color: #a3e635; |
| декор-лайм-500 | текст-декор-цвет: #84cc16; |
| декор-лайм-600 | текст-декор-цвет: #65a30d; |
| украшение-лайм-700 | цвет-украшения-текста: #4d7c0f; |
| украшение-лайм-800 | цвет-украшения-текста: #3f6212; |
| декор-лайм-900 | текст-декор-цвет: #365314; |
| украшение-лайм-950 | текст-украшение-цвет: #1a2e05; |
| декоративный зеленый-50 | текстовый декоративный цвет: #f0fdf4; |
| украшение-зеленый-100 | текст-украшение-цвет: #dcfce7; |
| украшение-зеленый-200 | текст-украшение-цвет: #bbf7d0; |
| украшение-зеленый-300 | текст-украшение-цвет: #86efac; |
| украшение-зеленый-400 | text-decoration-color: #4ade80; |
| украшение-зеленый-500 | текст-украшение-цвет: #22c55e; |
| украшение-зеленый-600 | текст-украшение-цвет: #16a34a; |
| украшение-зеленый-700 | текст-украшение-цвет: #15803d; |
| украшение-зеленый-800 | текст-украшение-цвет: #166534; |
| украшение-зеленый-900 | текст-украшение-цвет: #14532d; |
| украшение-зеленый-950 | текст-украшение-цвет: #052e16; |
| украшение-изумруд-50 | текст-украшение-цвет: #ecfdf5; |
| украшение-изумруд-100 | цвет-украшения-текста: #d1fae5; |
| украшение-изумруд-200 | цвет-украшения-текста: #a7f3d0; |
| украшение-изумруд-300 | цвет-украшения-текста: #6ee7b7; |
| украшение-изумруд-400 | text-decoration-color: #34d399; |
| украшение-изумруд-500 | текст-украшение-цвет: #10b981; |
| украшение-изумруд-600 | текст-украшение-цвет: #059669; |
| украшение-изумруд-700 | текст-украшение-цвет: #047857; |
| украшение-изумруд-800 | текст-украшение-цвет: #065f46; |
| украшение-изумруд-900 | текст-украшение-цвет: #064e3b; |
| украшение-изумруд-950 | текст-украшение-цвет: #022c22; |
| украшение-бирюзовый-50 | текст-украшение-цвет: #f0fdfa; |
| украшение-бирюзовый-100 | текст-украшение-цвет: #ccfbf1; |
| украшение-бирюзовый-200 | текст-украшение-цвет: #99f6e4; |
| украшение-бирюзовый-300 | текст-украшение-цвет: #5eead4; |
| украшение-бирюзовый-400 | text-decoration-color: #2dd4bf; |
| украшение-бирюзовый-500 | текст-украшение-цвет: #14b8a6; |
| украшение-бирюзовый-600 | текст-украшение-цвет: #0d9488; |
| украшение-бирюзовый-700 | текст-украшение-цвет: #0f766e; |
| украшение-бирюзовый-800 | текст-украшение-цвет: #115e59; |
| декоративный-бирюзовый-900 | текстовый-декоративный-цвет: #134e4a; |
| украшение-бирюзовый-950 | текст-украшение-цвет: #042f2e; |
| украшение-голубой-50 | текст-украшение-цвет: #ecfeff; |
| украшение-голубой-100 | текст-украшение-цвет: #cffafe; |
| украшение-голубой-200 | текст-украшение-цвет: #a5f3fc; |
| украшение-голубой-300 | текст-украшение-цвет: #67e8f9; |
| украшение-голубой-400 | text-decoration-color: #22d3ee; |
| украшение-голубой-500 | цвет-украшения-текста: #06b6d4; |
| украшение-голубой-600 | текст-украшение-цвет: #0891b2; |
| украшение-голубой-700 | текст-украшение-цвет: #0e7490; |
| украшение-голубой-800 | текст-украшение-цвет: #155e75; |
| украшение-голубой-900 | текст-украшение-цвет: #164e63; |
| украшение-голубой-950 | текст-украшение-цвет: #083344; |
| украшение-небо-50 | текст-украшение-цвет: #f0f9ff; |
| украшение-небо-100 | текст-украшение-цвет: #e0f2fe; |
| украшение-небо-200 | текст-украшение-цвет: #bae6fd; |
| украшение-небо-300 | текст-украшение-цвет: #7dd3fc; |
| украшение-небо-400 | text-decoration-color: #38bdf8; |
| украшение-небо-500 | текст-украшение-цвет: #0ea5e9; |
| украшение-небо-600 | текст-украшение-цвет: #0284c7; |
| украшение-небо-700 | текст-украшение-цвет: #0369a1; |
| украшение-небо-800 | текст-украшение-цвет: #075985; |
| украшение-небо-900 | текст-украшение-цвет: #0c4a6e; |
| украшение-небо-950 | цвет текста-украшения: #082f49; |
| украшение-синий-50 | текст-украшение-цвет: #eff6ff; |
| украшение-синий-100 | текст-украшение-цвет: #dbeafe; |
| украшение-синий-200 | текст-украшение-цвет: #bfdbfe; |
| украшение-синий-300 | текст-украшение-цвет: #93c5fd; |
| украшение-синий-400 | text-decoration-color: #60a5fa; |
| декоративный синий-500 | текстовый декоративный цвет: #3b82f6; |
| украшение-синий-600 | текст-украшение-цвет: #2563eb; |
| украшение-синий-700 | текст-украшение-цвет: #1d4ed8; |
| декоративный синий-800 | текстовый декоративный цвет: #1e40af; |
| декоративный синий-900 | текстовый декоративный цвет: #1e3a8a; |
| украшение-синий-950 | текст-украшение-цвет: #172554; |
| украшение-индиго-50 | текст-украшение-цвет: #eef2ff; |
| украшение-индиго-100 | цвет текста-украшения: #e0e7ff; |
| украшение-индиго-200 | цвет текста-украшения: #c7d2fe; |
| украшение-индиго-300 | текст-украшение-цвет: #a5b4fc; |
| декор-индиго-400 | text-decoration-color: #818cf8; |
| декор-индиго-500 | текст-декор-цвет: #6366f1; |
| украшение-индиго-600 | цвет текста-украшения: #4f46e5; |
| декор-индиго-700 | текст-декор-цвет: #4338ca; |
| декор-индиго-800 | текст-декор-цвет: #3730a3; |
| украшение-индиго-900 | текст-украшение-цвет: #312e81; |
| украшение-индиго-950 | цвет текста-украшения: #1e1b4b; |
| украшение-фиолетовый-50 | цвет текста-украшения: #f5f3ff; |
| украшение-фиолетовый-100 | текст-украшение-цвет: #ede9fe; |
| украшение-фиолетовый-200 | цвет текста-украшения: #ddd6fe; |
| украшение-фиолетовый-300 | текст-украшение-цвет: #c4b5fd; |
| декор-фиолетовый-400 | text-decoration-color: #a78bfa; |
| украшение-фиолетовый-500 | цвет текста-украшения: #8b5cf6; |
| украшение-фиолетовый-600 | текст-украшение-цвет: #7c3aed; |
| украшение-фиолетовый-700 | цвет текста-украшения: #6d28d9; |
| украшение-фиолетовый-800 | цвет текста-украшения: #5b21b6; |
| украшение-фиолетовый-900 | текст-украшение-цвет: #4c1d95; |
| украшение-фиолетовый-950 | цвет текста-украшения: #2e1065; |
| украшение-фиолетовый-50 | текст-украшение-цвет: #faf5ff; |
| украшение-фиолетовый-100 | текст-украшение-цвет: #f3e8ff; |
| украшение-фиолетовый-200 | текст-украшение-цвет: #e9d5ff; |
| украшение-фиолетовый-300 | текст-украшение-цвет: #d8b4fe; |
| украшение-фиолетовое-400 | text-decoration-color: #c084fc; |
| украшение-фиолетовый-500 | текст-украшение-цвет: #a855f7; |
| украшение-фиолетовый-600 | текст-украшение-цвет: #9333ea; |
| украшение-фиолетовый-700 | цвет текста-украшения: #7e22ce; |
| украшение-фиолетовый-800 | текст-украшение-цвет: #6b21a8; |
| украшение-фиолетовый-900 | текст-украшение-цвет: #581c87; |
| украшение-фиолетовый-950 | текст-украшение-цвет: #3b0764; |
| украшение-фуксия-50 | текст-украшение-цвет: #fdf4ff; |
| украшение-фуксия-100 | цвет текста-украшения: #fae8ff; |
| украшение-фуксия-200 | цвет-украшения-текста: #f5d0fe; |
| украшение-фуксия-300 | текст-украшение-цвет: #f0abfc; |
| декор-фуксия-400 | text-decoration-color: #e879f9; |
| декор-фуксия-500 | текст-декор-цвет: #d946ef; |
| оформление-фуксия-600 | текст-украшение-цвет: #c026d3; |
| декор-фуксия-700 | текст-декор-цвет: #a21caf; |
| декор-фуксия-800 | текст-декор-цвет: #86198f; |
| декор-фуксия-900 | текст-декор-цвет: #701a75; |
| украшение-фуксия-950 | текст-украшение-цвет: #4a044e; |
| украшение-розовый-50 | текст-украшение-цвет: #fdf2f8; |
| украшение-розовый-100 | текст-украшение-цвет: #fce7f3; |
| украшение-розовый-200 | текст-украшение-цвет: #fbcfe8; |
| украшение-розовый-300 | текст-украшение-цвет: #f9a8d4; |
| украшение-розовый-400 | text-decoration-color: #f472b6; |
| украшение-розовый-500 | текст-украшение-цвет: #ec4899; |
| украшение-розовый-600 | текст-украшение-цвет: #db2777; |
| украшение-розовый-700 | текст-украшение-цвет: #be185d; |
| украшение-розовый-800 | текст-украшение-цвет: #9d174d; |
| украшение-розовый-900 | текст-украшение-цвет: #831843; |
| украшение-розовый-950 | текст-украшение-цвет: #500724; |
| украшение-роза-50 | текст-украшение-цвет: #fff1f2; |
| украшение-роза-100 | текст-украшение-цвет: #ffe4e6; |
| украшение-роза-200 | текст-украшение-цвет: #fecdd3; |
| украшение-роза-300 | текст-украшение-цвет: #fda4af; |
| украшение-роза-400 | text-decoration-color: #fb7185; |
| украшение-роза-500 | текст-украшение-цвет: #f43f5e; |
| украшение-роза-600 | текст-украшение-цвет: #e11d48; |
| украшение-роза-700 | текст-украшение-цвет: #be123c; |
| украшение-роза-800 | текст-украшение-цвет: #9f1239; |
| украшение-роза-900 | текст-украшение-цвет: #881337; |
| украшение-роза-950 | текст-украшение-цвет: #4c0519; |
css text-decoration — Ссылка CodeProject
Свойство CSS text-decoration используется для установки форматирования текста underline , overline , line-through или blink .
Подчеркивание и надчеркивание располагаются под текстом, зачеркивая его.
Пример
CSS
Код копии
h2.под {
оформление текста: подчеркивание;
}
h2.over {
оформление текста: надчеркивание;
}
стр. строка {
оформление текста: сквозное;
}
п.мигает {
оформление текста: мерцание;
}
а.нет {
текстовое оформление: нет;
}
p.underover {
оформление текста: подчеркивание над чертой;
} HTML
Копировать код
Подчеркнутый заголовок
Если вы хотите зачеркнуть текст, используйте сквозную строку.
Этот текст может мигать для вас — если вы используете проводник, он не будет мигать.
а теперь заголовок с надчеркнутым текстом.
Эта ссылка не будет подчеркнута, поскольку большинство ссылок подчеркнуты по умолчанию. Будьте осторожны с удалением текстового оформления ссылок, так как большинство пользователей полагаются на подчеркивание, чтобы обозначить гиперссылку.
Этот текст имеет как подчеркивание, так и надчеркивание.
Синтаксис
CSS
Код копии
/* Значения ключевых слов */ текстовое оформление: нет; /* Без оформления текста */ оформление текста: подчеркивание красным; /* Красное подчеркивание */ оформление текста: подчеркивание волнистым красным цветом; /* Подчеркивание красной волнистой линией */ /* Глобальные значения */ оформление текста: наследовать; оформление текста: инициал; текстовое оформление: не задано;
Значения
9Свойство 1490 text-decoration является сокращением и может использовать значения каждого из трех полных свойств: text-decoration-line , text-decoration-color и text-decoration-style
Формальный синтаксис
CSS
Код копии
<'text-decoration-line'> || <' text-decoration-style'> || <'text-decoration-color'>
Описание
Свойство CSS text-decoration используется для установки форматирования текста underline , overline , line-through или blink .
Подчеркивание и надчеркивание располагаются под текстом, зачеркивая его.
Оформление текста рисуется на дочерних элементах. Это означает, что невозможно отключить на потомке оформление текста, указанное на одном из его предков. Например, в разметке В этом тексте есть некоторые выделенные слова. p { text-decoration: underline; } приведет к подчеркиванию всего абзаца. Правило стиля em { text-decoration: none; } не вызовет никаких изменений; весь абзац все равно будет подчеркнут. Однако правило em { text-decoration: overline; } приведет к появлению второго украшения на «некоторых выделенных словах».
Примечание. CSS Text Decoration Level 3 преобразовал это свойство в сокращение для трех новых свойств CSS text-decoration-color , text-decoration-line и text-decoration-style . Как и для любого другого сокращенного свойства, это означает, что оно сбрасывает их значение по умолчанию, если оно явно не установлено в сокращении.
| Исходное значение | как каждое из свойств стенографии:
|
|---|---|
| Подходит для всех элементов | . Это также относится к ::first-letter и ::first-line . |
| Унаследованный | нет |
| Медиа | визуальный |
| Расчетное значение | как каждый из свойства сокращения:
|
| Тип анимации | как каждое из свойств стенографии:
|
| Канонический порядок | порядок появления в формальная грамматика значений |
Если это не так, это будет соответствующий Совместимость с браузером
- Настольный
- Мобильный
| Функция | Firefox (Геккон) | Хром | Internet Explorer | Опера | Сафари |
|---|---|---|---|---|---|
| Базовая опора | 1.0 (1.7 или более ранняя версия) | 1,0 | 3,0 | 3,5 | 1,0 |
мигает значение | 1,0 (1,7 или ранее) 23,0 (23,0) [1] | (Да) [1] | (Да) [1] | 4,0 15,0 [1] | (Да) [1] |
| Сокращенное свойство | 6,0 (6,0) [3] 36,0 (36,0) | Нет поддержки | Нет поддержки | Нет поддержки | 7,1 [2] |
| Функция | Firefox Mobile (Геккон) | Андроид | Интернет-телефон | Опера Мобайл | Мобильный сафари |
|---|---|---|---|---|---|
| Базовая опора | 1,0 (1,0) | (Да) | (Да) | (Да) | (Да) |
мигает значение | 1,0 (1,7 или ранее) 23,0 (23,0) [1] | (Да) [1] | (Да) [1] | 4,0 [1] | (Да) [1] |
| Сокращенное свойство | 6,0 (6,0) [3] 36,0 (36,0) | ? | ? | ? | 8 [1] |
[1] Значение мигания не имеет никакого эффекта.
[2] Safari не поддерживает text-decoration-style .
[3] Эта версия Gecko имеет частичную реализацию.
См. также
- 9Атрибут 1490 list-style управляет внешним видом элементов в списках HTML
Технические характеристики
| Спецификация | Статус | Комментарий |
|---|---|---|
| CSS Text Decoration Level 3 Определение «text-decoration» в этой спецификации. | Кандидат в рекомендации | Преобразовано в стенографическое свойство. Добавлена поддержка значения стиль оформления текста . |
| CSS уровня 2 (редакция 1) Определение «оформления текста» в этой спецификации. | Рекомендация | Без существенных изменений |
| CSS уровня 1 Определение «текстового оформления» в этой спецификации.  Оставить комментарий
|