пропонувати правки
string CSS значення
Тип даних <string> CSS представляє собою послідовність символів. Рядки використовуються в багатьох CSS властивостях, таких як content, font-family та quotes.
Будь-які рядки необхідно брати в подвійні або одинарні лапки. Якщо всередині рядка потрібно залишити одну або кілька лапок, то можна комбінувати типи лапок або додати перед лапками зворотну косу риску.
Рядок не може містити рядок нового рядка. Щоб включити новий рядок в рядок, використовуйте escape, що представляє символ рядка в ISO-10646 (U + 000A), наприклад «\A» або «\00000a». Цей символ є загальним поняттям «нового рядка» в CSS.
Приклади оформлення тексту:
Властивість: 'перший "рядок" '
Властивість: "перший 'рядок' "
Властивість: "перший \" рядок \ ""
У першому рядку застосовуються одинарні лапки в поєднанні з подвійними. У другому рядку все з точністю до навпаки, в третьому рядку використовуються тільки подвійні лапки, але внутрішні екрановані за допомогою слеша \.
Рядки можуть бути записані з подвійними лапками або з одинарними лапками. Подвійні лапки не можуть зустрічатися всередині подвійних лапок, якщо вони не екрановані (наприклад, як «\» або «22»). Аналогічно для одинарних лапок (наприклад, «\» або «\ 27»).
автор: Svitlana
правити
Порада
Об'єкти HTML (такі як або —) не можуть використовуватися в CSS <string>.
автор: Svitlana
правити
+ додати пораду чи нотатку
Переглядачі
Стаціонарні переглядачі
Мобільні переглядачі
Приклади
+ запропонувати свій приклад у пісочниці
Приклад 1
Приклад 2
Рядок у лапках — значення типу string: тут він стає вмістом ::before і синім кольором дописується перед текстом блока, хоч у розмітці його немає.
HTML
<div class="block">решта вмісту блока.</div>
CSS
.block::before {
content: "css значення string — ";
color: blue;
}
автор: Svitlana
Демонстрація роботи значення.
автор: Svitlana
Ваша версія — : після перевірки замінить чинну.
Нова порада чи нотатка — з'явиться на сторінці після перевірки.
Ваша версія секції « »: після перевірки замінить чинну.
Текст секції (markdown — передзаповнено чинним)
Як форматувати текст?
Пишемо
Виходить
**важливо***акцент*~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]]
Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org)
Посилання на чужий сайт.

Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру
Код усередині речення.
```css.card { display: grid }```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги.
Цитата на всю ширину абзацу.
Специфічність: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1][^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два||
Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішенняЗадайте контейнеру `display: grid`.||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок
Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.
Чому ця правка? (необов'язково, але дуже допомагає перевірці)
Ви гість — діють добові ліміти.
Увійдіть , щоб пропонувати без капчі.
Ваша версія опису « »: після перевірки замінить чинну.
Текст опису (markdown — передзаповнено чинним)
Як форматувати текст?
Пишемо
Виходить
**важливо***акцент*~~застаріле~~
Виділення в тексті. Те саме роблять кнопки панелі, що спливає над виділеним.
## Як працює каскад### Порядок оголошень
Заголовки всередині тексту. Найбільший не потрібен — він у сторінки вже є.
[[css/property/color]]
Посилання на сторінку довідника. Наберіть [[ — поле саме підкаже шляхи, а хибний підкреслить хвилею.
[MDN](https://developer.mozilla.org)
Посилання на чужий сайт.

Картинка. Опис обов'язковий: його читають пошуковик і незрячі.
Задайте `display: grid` контейнеру
Код усередині речення.
```css.card { display: grid }```
Код блоком. Мова після трьох лапок вмикає підсвітку.
- Походження1. Походження
Перелік: маркований і нумерований.
- [ ] дописати приклади- [x] перевірити в Firefox
Перелік завдань із галочками. Пробіл у порожніх дужках обов'язковий.
> Порядок важить лише за рівної ваги.
Цитата на всю ширину абзацу.
Специфічність: вага селектора; більша перемагає
Список означень: термін, а під ним пояснення з відступом. Пробіл після двокрапки обов'язковий.
Каскад має три критерії[^1][^1]: Походження, специфічність, порядок.
Виноска: номер у тексті, примітка внизу сторінки. Без згадки [^1] у тексті примітка не з'явиться.
Відповідь: ||сорок два||
Ховає те, що між рисками: читач бачить на цьому місці розмиту пляму, а решта речення лишається звичайною. Клац — і текст відкрито.
|| Показати рішенняЗадайте контейнеру `display: grid`.||
Ховає цілі абзаци. На сторінці видно лише підпис із першого рядка («Показати рішення»), решта розгортається клацанням по ньому. Закривні риски — окремим рядком.
Порожній рядок
Новий абзац. Щоб перенести рядок усередині абзацу, поставте \ в його кінці.
Чому ця правка? (необов'язково, але дуже допомагає перевірці)
Ви гість — діють добові ліміти.
Увійдіть , щоб пропонувати без капчі.