Задачи для решения

На letter-spacing, word-spacing, font-variant, text-transform

Для решения задач данного блока вам понадобятся следующие CSS свойства: letter-spacing, word-spacing, font-variant, text-transform.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На работу с таблицами

Для решения задач данного блока вам понадобятся следующие CSS свойства: empty-cells, border-collapse, border-spacing, table-layout.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На text-align-last

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-align-last.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На overflow, white-space - pre и nowrap

Для решения задач данного блока вам понадобятся следующие CSS свойства: overflow, white-space в значениях pre и nowrap.
В примерах этого блока текст задач копируйте отсюда: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla pharetra risus erat, eu imperdiet felis suscipit at. Vivamus rhoncus vel neque non eleifend. Donec adipiscing eros quis molestie sodales. Proin vitae nulla ut sem lobortis scelerisque. Aliquam ultricies porta sem quis fringilla. Quisque pretium enim ut elit fringilla, in adipiscing ligula placerat. Integer id tortor tristique, facilisis lorem sit amet, porta ante. Nulla eget diam in erat hendrerit gravida.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На rgb, rgba, opacity

Для решения задач данного блока вам понадобятся следующие CSS свойства: opacity.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На тени

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-shadow, box-shadow.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На cursor

Для решения задач данного блока вам понадобятся следующие CSS свойства: cursor.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На text-decoration новый

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-decoration-style, text-decoration-line, text-decoration-color.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На множественные фоны

Для решения задач данного блока вам понадобятся следующие CSS свойства: background.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На text-overflow

Для решения задач данного блока вам понадобятся следующие CSS свойства: text-overflow.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На white-space, tab-size

Для решения задач данного блока вам понадобятся следующие CSS свойства: white-space, tab-size.
В примерах этого блока текст задач копируйте отсюда (со всеми отступами, переносами строк и пробелами):
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу (везде стоит white-space: pre, вам нужно поставить правильный размер табуляции с помощью tab-size):

Вы можете открыть этот пример в отдельной вкладке браузера.

На word-break, word-wrap, overflow-wrap

Для решения задач данного блока вам понадобятся следующие CSS свойства: word-break, word-wrap. overflow-wrap.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На hyphens

Для решения задач данного блока вам понадобятся следующие CSS свойства: hyphens.

Повторите страницу по данному по образцу (в этой задаче в тексте расставлены переносы слов по слогам, работает не во всех браузерах):

Вы можете открыть этот пример в отдельной вкладке браузера.

На user-select

Для решения задач данного блока вам понадобятся следующие CSS свойства: user-select.

Повторите страницу по данному по образцу (в этой задаче текст нельзя выделить мышкой):

Вы можете открыть этот пример в отдельной вкладке браузера.

На градиенты

Для решения задач данного блока вам понадобятся следующие CSS функции: linear-gradient, radial-gradient, repeating-linear-gradient, repeating-radial-gradient.

Повторите страницу по данному по образцу (линейный градиент):

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу (радиальный градиент):

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу (повторяющийся градиент):

Вы можете открыть этот пример в отдельной вкладке браузера.

На мультиколонки

Для решения задач данного блока вам понадобятся следующие CSS свойства: column-count, column-width, column-gap, column-rule, column-span, columns.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На font-face, google fonts

Для решения задач данного блока вам понадобятся следующие CSS свойства: font-face.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На картинку границы

Для решения задач данного блока вам понадобятся следующие CSS свойства: border-image.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На background-clip, background-origin

Для решения задач данного блока вам понадобятся следующие CSS свойства: background-clip, background-origin.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.

На filter

Для решения задач данного блока вам понадобятся следующие CSS свойства: filter.

Повторите страницу по данному по образцу:

Вы можете открыть этот пример в отдельной вкладке браузера.