{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":28,"offset":0,"style":"BOLD"}],"text":"CSS (Cascading Style Sheets) — это язык стилей, используемый для описания внешнего вида и форматирования документов, написанных на языках разметки, таких как HTML или XML. CSS позволяет отделить содержание веб-страницы от её визуального представления, обеспечивая гибкость и удобство в управлении стилями.","type":"unstyled","key":"4ui9f"},{"data":{},"depth":0,"entityRanges":[{"key":0,"length":24,"offset":15}],"inlineStyleRanges":[{"length":68,"offset":0,"style":"BOLD"}],"text":"Подписывайтесь на мой канал в Телеграмм, чтобы ничего не пропустить.","type":"unstyled","key":"advoa"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот подборка свойств CSS, начинающихся на букву \"F\"","type":"unstyled","key":"7t32e"},{"data":{"image":{"id":"673f509a4ecc037613d08cd4"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8b3qf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"dp5cd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":3,"style":"BOLD"}],"text":"1. flex","type":"header-three","key":"be60r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Устанавливает параметры гибкости (flex-grow, flex-shrink, flex-basis) для элемента в контейнере flexbox.","type":"unordered-list-item","key":"aalip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется к дочерним элементам контейнера с display: flex или display: inline-flex для управления их размерами.","type":"unordered-list-item","key":"e2rbj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения: — коэффициент роста элемента (по умолчанию 0).\n — коэффициент сжатия элемента (по умолчанию 1).\n — базовый размер элемента (может быть в пикселях, процентах, auto и т.д.).\n","type":"unordered-list-item","key":"8u6er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"ad9cb"},{"data":{"image":{"id":"673f4e784ecc037613ccdbd6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3dahe"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"c38p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":3,"style":"BOLD"}],"text":"2. flex-basis","type":"header-three","key":"5m98e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Устанавливает базовый размер элемента до применения гибкости (flex-grow или flex-shrink).","type":"unordered-list-item","key":"269bi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется в flexbox-контейнерах для задания начального размера элемента.","type":"unordered-list-item","key":"87j0l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:auto — размер элемента определяется его содержимым.\n<длина> — конкретное значение (например, 100px, 50%).\ncontent — размер элемента определяется содержимым (не поддерживается в некоторых браузерах).\n","type":"unordered-list-item","key":"d4o1g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"ct457"},{"data":{"image":{"id":"673f4e91c14ba8072c456692"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"907jk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":14,"offset":3,"style":"BOLD"}],"text":"3. flex-direction","type":"header-three","key":"3j7c4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет направление расположения элементов внутри flexbox-контейнера.","type":"unordered-list-item","key":"50d4m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется к контейнеру с display: flex или display: inline-flex.","type":"unordered-list-item","key":"6a8v2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:row — элементы располагаются в строку (по горизонтали, слева направо).\nrow-reverse — элементы располагаются в строку, но в обратном порядке.\ncolumn — элементы располагаются в колонку (по вертикали, сверху вниз).\ncolumn-reverse — элементы располагаются в колонку, но в обратном порядке.\n","type":"unordered-list-item","key":"3pl04"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"98ppf"},{"data":{"image":{"id":"673f52d80bddfa35d7db873b"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9bndl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9u1of"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":3,"style":"BOLD"}],"text":"4. flex-flow","type":"header-three","key":"8co78"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Сокращенное свойство для задания flex-direction и flex-wrap.","type":"unordered-list-item","key":"2juqh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется к flexbox-контейнеру для настройки направления и переноса элементов.","type":"unordered-list-item","key":"602o7"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения: Комбинация значений свойств flex-direction и flex-wrap.Пример: row nowrap, column wrap.\n","type":"unordered-list-item","key":"1cii6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"frk6b"},{"data":{"image":{"id":"673f52c0e96e041f65c74b1e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7uphg"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f289v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":3,"style":"BOLD"}],"text":"5. flex-grow","type":"header-three","key":"5at2g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет, насколько элемент может увеличиваться относительно других элементов в контейнере.","type":"unordered-list-item","key":"e7s5b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для управления распределением свободного пространства между элементами.","type":"unordered-list-item","key":"1l06m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:<число> — коэффициент роста (например, 0, 1, 2 и т.д.).\nПо умолчанию 0 (элемент не растет).\n","type":"unordered-list-item","key":"1gn0j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"2fuek"},{"data":{"image":{"id":"673f52aa3ce396427a423b28"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"829vr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e3ac8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":3,"style":"BOLD"}],"text":"6. flex-shrink","type":"header-three","key":"1co7k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет, насколько элемент может уменьшаться при нехватке пространства в контейнере.","type":"unordered-list-item","key":"5coo5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для управления сжатием элементов в flexbox-контейнере.","type":"unordered-list-item","key":"f15hb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:<число> — коэффициент сжатия (например, 0, 1, 2 и т.д.).\nПо умолчанию 1 (элемент может сжиматься).\n","type":"unordered-list-item","key":"1gjmj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"9sg6i"},{"data":{"image":{"id":"673f5295fb5e8c68748ee7e3"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"amu07"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"99c9k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":3,"style":"BOLD"}],"text":"7. flex-wrap","type":"header-three","key":"ctnq4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет, будут ли элементы в flexbox-контейнере переноситься на новую строку или оставаться на одной.","type":"unordered-list-item","key":"ccuj3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется к flexbox-контейнеру для управления переносом элементов.","type":"unordered-list-item","key":"8rgml"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:nowrap — элементы не переносятся.\nwrap — элементы переносятся на новую строку.\nwrap-reverse — элементы переносятся на новую строку, но в обратном порядке.\n","type":"unordered-list-item","key":"das41"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"9c90l"},{"data":{"image":{"id":"673f52793ce396427a41ec81"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"co7ot"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"5d737"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":5,"offset":3,"style":"BOLD"}],"text":"8. float","type":"header-three","key":"cgj83"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет, будет ли элемент \"всплывать\" влево или вправо относительно родительского контейнера.","type":"unordered-list-item","key":"2l1hb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для создания обтекания текста или других элементов вокруг \"плавающего\" элемента.","type":"unordered-list-item","key":"433b3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:left — элемент будет выровнен влево.\nright — элемент будет выровнен вправо.\nnone — элемент не будет всплывать (по умолчанию).\n","type":"unordered-list-item","key":"580ei"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"aqfrh"},{"data":{"image":{"id":"673f5266f35c4b61d42e9609"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"99gu9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6cvpb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":4,"offset":3,"style":"BOLD"}],"text":"9. font","type":"header-three","key":"9gajq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Сокращенное свойство для задания всех параметров шрифта (размер, семейство, стиль, жирность и т.д.).","type":"unordered-list-item","key":"dbvsr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для задания внешнего вида текста.","type":"unordered-list-item","key":"9c1uq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения: Комбинация значений следующих свойств: font-style, font-variant, font-weight, font-size, line-height, font-family.","type":"unordered-list-item","key":"28adu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"ba1ho"},{"data":{"image":{"id":"673f523f4221bc151f46a7e2"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cjs66"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3mahk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":4,"style":"BOLD"}],"text":"10. font-family","type":"header-three","key":"82i6c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет семейство шрифта для текста.","type":"unordered-list-item","key":"14i2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для задания шрифта текста.","type":"unordered-list-item","key":"u4a9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:<семейство шрифтов> — например, Arial, Georgia, Times New Roman.\ngeneric-family — общее семейство, например, serif, sans-serif, monospace.\n","type":"unordered-list-item","key":"5bi8q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"5r2qi"},{"data":{"image":{"id":"673f5211e8efdb64d40f144e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9lrm1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9g2ve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":21,"offset":4,"style":"BOLD"}],"text":"11. font-feature-settings","type":"header-three","key":"97n5v"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Позволяет управлять дополнительными особенностями шрифтов, такими как лигатуры, стилистические альтернативы и другие функции OpenType.","type":"unordered-list-item","key":"96nn5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для активации или деактивации определённых функций шрифта.","type":"unordered-list-item","key":"1q01k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — использование встроенных настроек шрифта.\n<строка> — конкретные настройки функций (например, \"liga\" 1 для включения стандартных лигатур).\n","type":"unordered-list-item","key":"90opm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"bc3i2"},{"data":{"image":{"id":"673f51e1bb9b34179b177703"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"77ib4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"68qvf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":4,"style":"BOLD"}],"text":"12. font-kerning","type":"header-three","key":"ev0st"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет, должна ли применяться кернинг (расстояние между символами) в шрифте.","type":"unordered-list-item","key":"9phu3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для управления расстоянием между символами, если шрифт поддерживает кернинг.","type":"unordered-list-item","key":"chq7o"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:auto — кернинг включён, если это поддерживается шрифтом.\nnormal — активирует стандартный кернинг.\nnone — отключает кернинг.\n","type":"unordered-list-item","key":"7o2mu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"d2guq"},{"data":{"image":{"id":"673f51d0fa0f7f43d343c1b1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"f2v8g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"844vp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":9,"offset":4,"style":"BOLD"}],"text":"13. font-size","type":"header-three","key":"elks2"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Устанавливает размер шрифта для текста.","type":"unordered-list-item","key":"c5ttl"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для управления размером текста на странице.","type":"unordered-list-item","key":"1etcf"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:<длина> — в пикселях (px), пунктах (pt), процентах (%), em, rem и т.д.\nxx-small, x-small, small, medium, large, x-large, xx-large — относительные размеры.\nlarger, smaller — относительно родительского элемента.\n","type":"unordered-list-item","key":"b5n5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"41cth"},{"data":{"image":{"id":"673f51bfe8efdb64d40e1a04"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"2thbq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2j3tc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":16,"offset":4,"style":"BOLD"}],"text":"14. font-size-adjust","type":"header-three","key":"8enhu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Позволяет сохранять читаемость текста, устанавливая соотношение высоты малых строчных букв x-height к высоте шрифта, если основной шрифт недоступен.","type":"unordered-list-item","key":"bfqks"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется при необходимости подстройки размера шрифта при замене основного шрифта.","type":"unordered-list-item","key":"d1v6d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:none — не применять автоматическую подстройку.\n<число> — коэффициент, определяющий соотношение.\n","type":"unordered-list-item","key":"50rr4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"34q4t"},{"data":{"image":{"id":"673f50dffb5e8c68748bee55"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"97k8s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"e3tvm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":4,"style":"BOLD"}],"text":"15. font-stretch","type":"header-three","key":"31n8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет степень сжатия или расширения шрифта.","type":"unordered-list-item","key":"651fo"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для выбора варианта шрифта (если шрифт поддерживает разные степени растяжения).","type":"unordered-list-item","key":"edcdb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — стандартное растяжение.\nultra-condensed, extra-condensed, condensed, semi-condensed — более узкие.\nsemi-expanded, expanded, extra-expanded, ultra-expanded — более широкие.\n","type":"unordered-list-item","key":"8tkbb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"2ur16"},{"data":{"image":{"id":"673f50c6fa0f7f43d3422ef7"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"7eu5g"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"7bsps"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":10,"offset":4,"style":"BOLD"}],"text":"16. font-style","type":"header-three","key":"d964a"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Устанавливает стиль шрифта, например, обычный или курсив.","type":"unordered-list-item","key":"1t805"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для задания наклона текста.","type":"unordered-list-item","key":"1gkhd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — обычный стиль.\nitalic — курсив.\noblique — наклонный стиль.\n","type":"unordered-list-item","key":"71r2q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"ca1d3"},{"data":{"image":{"id":"673f50b66b0e135072de5b6e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8pegs"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"c5pu4"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":12,"offset":4,"style":"BOLD"}],"text":"17. font-variant","type":"header-three","key":"dl6sq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет использование варианта шрифта, например, малых прописных букв (small-caps).","type":"unordered-list-item","key":"1a2um"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для стилистических изменений текста.","type":"unordered-list-item","key":"91svq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — обычный текст.\nsmall-caps — текст отображается малыми прописными буквами.\n","type":"unordered-list-item","key":"4bt37"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"f3pd2"},{"data":{"image":{"id":"673f506ebb9b34179b154ac1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9lvp3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"6bd9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":17,"offset":4,"style":"BOLD"}],"text":"18. font-variant-caps","type":"header-three","key":"bikm8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Управляет отображением текста в различных вариантах заглавных букв.","type":"unordered-list-item","key":"fg8ki"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Применяется для стилистического форматирования текста.","type":"unordered-list-item","key":"83phj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — обычный текст.\nsmall-caps — малые заглавные.\nall-small-caps — все символы становятся малыми заглавными.\npetite-caps — миниатюрные заглавные.\nall-petite-caps — все символы становятся миниатюрными заглавными.\nunicase — унифицированный стиль для заглавных и строчных букв.\ntitling-caps — заглавные буквы для заголовков.\n","type":"unordered-list-item","key":"38sjq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"vpgd"},{"data":{"image":{"id":"673f505ee96e041f65c09a66"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"9sil6"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"eqrve"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":11,"offset":4,"style":"BOLD"}],"text":"19. font-weight","type":"header-three","key":"eh4or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет толщину шрифта.","type":"unordered-list-item","key":"f6p15"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для изменения жирности текста.","type":"unordered-list-item","key":"6c8vi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — обычная толщина (400).\nbold — жирный (700).\nlighter — тоньше родительского шрифта.\nbolder — толще родительского шрифта.\n<число> — от 100 до 900 (например, 100 — тонкий, 900 — очень жирный).\n","type":"unordered-list-item","key":"2j5kj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"fj63h"},{"data":{"image":{"id":"673f5044fa0f7f43d3415bcd"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cl90c"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"d3b4b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":4,"style":"BOLD"}],"text":"20. filter","type":"header-three","key":"bas7m"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Применяет графические эффекты, такие как размытие, яркость или контрастность, к элементам.","type":"unordered-list-item","key":"gvu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":13,"offset":0,"style":"BOLD"}],"text":"Использование: Используется для стилизации изображений, текста или других элементов.","type":"unordered-list-item","key":"1vmdr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:none — эффекты не применяются.\nblur(px) — размытие.\nbrightness(%) — яркость.\ncontrast(%) — контрастность.\ngrayscale(%) — оттенки серого.\ninvert(%) — инверсия цветов.\nsepia(%) — сепия.\nhue-rotate(deg) — сдвиг оттенка.\n","type":"unordered-list-item","key":"4ftjk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"4nj5g"},{"data":{"image":{"id":"673f50319143321e61cde9e9"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fajk5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"2kelu"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":38,"offset":0,"style":"BOLD"}],"text":"font-variant (дополнительные значения)","type":"header-two","key":"ar0ov"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Свойство font-variant является сокращением и может включать несколько настроек, связанных с различными аспектами типографики. Полный список возможных значений включает:","type":"unstyled","key":"au4or"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":26,"offset":0,"style":"BOLD"}],"text":"21. font-variant-ligatures","type":"header-three","key":"10rdr"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Управляет отображением лигатур (специальных соединений между буквами, поддерживаемых шрифтом).","type":"unordered-list-item","key":"f4mt5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — стандартные лигатуры включены.\nnone — лигатуры отключены.\ncommon-ligatures — включает стандартные лигатуры.\nno-common-ligatures — отключает стандартные лигатуры.\ndiscretionary-ligatures — включает стилистические лигатуры.\nno-discretionary-ligatures — отключает стилистические лигатуры.\nhistorical-ligatures — включает исторические лигатуры.\nno-historical-ligatures — отключает исторические лигатуры.\ncontextual — включает контекстные лигатуры.\nno-contextual — отключает контекстные лигатуры.\n","type":"unordered-list-item","key":"4me25"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"a21l8"},{"data":{"image":{"id":"673f50068c885053d49913d1"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"fsreb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3j29u"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"22. font-variant-numeric","type":"header-three","key":"eppip"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Управляет отображением чисел (например, стилями цифр, такими как верхний или нижний индекс, пропорциональные или моноширинные цифры).","type":"unordered-list-item","key":"7b66l"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — стандартное отображение чисел.\nlining-nums — цифры выровнены по линии базиса.\noldstyle-nums — цифры в старинном стиле.\nproportional-nums — пропорциональные цифры.\ntabular-nums — моноширинные цифры (удобны для таблиц).\ndiagonal-fractions — отображение дробей в виде косой черты.\nstacked-fractions — отображение дробей в виде вертикальной записи.\nordinal — отображение чисел в виде порядковых (например, 1st, 2nd).\nslashed-zero — отображение нуля с косой чертой.\n","type":"unordered-list-item","key":"f4u5k"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"1osfh"},{"data":{"image":{"id":"673f4feae96e041f65bf9270"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"baj3e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"96bd"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"23. font-variant-east-asian","type":"header-three","key":"5g5v1"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Управляет отображением символов восточноазиатских языков.","type":"unordered-list-item","key":"65tbt"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — обычное отображение.\njapanese — японская стилистика.\nfull-width — символы принимают полный размер.\nproportional-width — символы принимают пропорциональный размер.\nruby — используется для отображения ruby-аннотаций (маленький текст над символами, часто используется в японском языке).\n","type":"unordered-list-item","key":"ceuod"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"bq00c"},{"data":{"image":{"id":"673f4fd3d3e65f41b3ecbb4e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"3jj4e"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ctb8p"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":27,"offset":0,"style":"BOLD"}],"text":"24. font-variant-alternates","type":"header-three","key":"2ph0h"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Управляет доступом к альтернативным формам символов, доступным в шрифте (например, стилистическим или историческим).","type":"unordered-list-item","key":"79f91"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — стандартные символы.\n<функция> — имя альтернативной формы (если поддерживается шрифтом).\n","type":"unordered-list-item","key":"6368b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"6npc2"},{"data":{"image":{"id":"673f4fc3c14ba8072c47647f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"8fl9t"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"1l6dn"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":24,"offset":0,"style":"BOLD"}],"text":"5. font-variant-position","type":"header-three","key":"fn8qh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Описание: Определяет расположение текста, например, верхний или нижний индекс.","type":"unordered-list-item","key":"4qlf8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":8,"offset":0,"style":"BOLD"}],"text":"Значения:normal — стандартное положение текста.\nsub — нижний индекс.\nsuper — верхний индекс.\n","type":"unordered-list-item","key":"f675q"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":6,"offset":0,"style":"BOLD"}],"text":"Пример:","type":"unordered-list-item","key":"8otte"},{"data":{"image":{"id":"673f4fad8e7c30285aab3d5e"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"ufus"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"chos5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":30,"offset":0,"style":"BOLD"}],"text":"Объединение нескольких свойств","type":"header-three","key":"brvop"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Свойство font-variant позволяет объединять несколько указанных выше настроек. Например:","type":"unstyled","key":"cq0dn"},{"data":{"image":{"id":"673f4f8f8d45b274f4b99ed6"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"di2pb"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Это объединяет использование малых заглавных букв (small-caps) и цифр, выровненных по линии базиса (lining-nums).","type":"unstyled","key":"1d397"},{"data":{},"depth":0,"entityRanges":[{"key":1,"length":80,"offset":80}],"inlineStyleRanges":[{"length":160,"offset":0,"style":"BOLD"}],"text":"Если Вам интересно, что еще можно найти на канале QA Helper, прочитайте статью: Вместо оглавления. Что вы найдете на канале QA Helper - справочник тестировщика?","type":"unstyled","key":"4edtn"},{"data":{},"depth":0,"entityRanges":[{"key":2,"length":35,"offset":75}],"inlineStyleRanges":[{"length":110,"offset":0,"style":"BOLD"}],"text":"Не забудьте подписаться на канал, чтобы не пропустить полезную информацию: QA Helper - справочник тестировщика","type":"unstyled","key":"bbkik"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":79,"offset":0,"style":"BOLD"}],"text":"Пишите в комментариях какой пункт было бы интересно рассмотреть более подробно.","type":"unstyled","key":"52mr1"},{"data":{},"depth":0,"entityRanges":[{"key":3,"length":36,"offset":24}],"inlineStyleRanges":[{"length":60,"offset":0,"style":"BOLD"}],"text":"Обязательно прочитайте: Что должен знать и уметь тестировщик","type":"unstyled","key":"bk1ka"},{"data":{},"depth":0,"entityRanges":[{"key":4,"length":53,"offset":32}],"inlineStyleRanges":[{"length":85,"offset":0,"style":"BOLD"}],"text":"Также будет интересно почитать: Вопросы которые задают на собеседовании тестировщикам","type":"unstyled","key":"2o905"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"3uqc5"},{"data":{"image":{"id":"673f5303bb9b34179b19309f"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cqp5b"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"f0oh"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"ej5rp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"6VLUrd2yZa7HWIHruxYX"}],"entityMap":{"0":{"data":{"href":"https://dzen.ru/away?to=https%3A%2F%2Ft.me%2Fqa_helper","url":"https://dzen.ru/away?to=https%3A%2F%2Ft.me%2Fqa_helper"},"mutability":"MUTABLE","type":"LINK"},"1":{"data":{"href":"https://dzen.ru/a/Zt1sS4DFpEfp77j5?share_to=link","url":"https://dzen.ru/a/Zt1sS4DFpEfp77j5?share_to=link"},"mutability":"MUTABLE","type":"LINK"},"2":{"data":{"href":"https://dzen.ru/id/667312f273e0422ea27887ee?share_to=link","url":"https://dzen.ru/id/667312f273e0422ea27887ee?share_to=link"},"mutability":"MUTABLE","type":"LINK"},"3":{"data":{"href":"https://dzen.ru/a/ZsHoaW5Tswu0FYmF?share_to=link","url":"https://dzen.ru/a/ZsHoaW5Tswu0FYmF?share_to=link"},"mutability":"MUTABLE","type":"LINK"},"4":{"data":{"href":"https://dzen.ru/suite/eca1006e-66ab-4b7c-a8ea-a0ea722d5304?share_to=link","url":"https://dzen.ru/suite/eca1006e-66ab-4b7c-a8ea-a0ea722d5304?share_to=link"},"mutability":"MUTABLE","type":"LINK"}}},"mentions":[]}