Для создания прокрутки содержимого блока в CSS используется свойство overflow. Это свойство задает, что должно происходить, если содержимое блока не помещается в него целиком и включает такие возможности, как прокрутка содержимого блока или его автообрезка.
Например, чтобы создать вертикальную прокрутку содержимого блока, можно использовать следующий CSS-код:
.scrollable {
overflow-y: scroll; /* вертикальная прокрутка */
}
В этом примере, блоку с классом .scrollable будет задана вертикальная прокрутка при необходимости, если содержимое блока не помещается в него по вертикали. Если содержимое помещается, прокрутка не будет показана.
А чтобы создать горизонтальную прокрутку, можно использовать свойство overflow-x:
.scrollable {
overflow-x: scroll; /* горизонтальная прокрутка */
}
В этом примере, блоку с классом .scrollable будет задана горизонтальная прокрутка при необходимости, если содержимое блока не помещается в него по горизонтали.
Также можно использовать свойство overflow для задания прокрутки содержимого в обеих направлениях:
.scrollable {
overflow: scroll; /* прокрутка в обеих направлениях */
}
Этот код задаст прокрутку содержимого блока в обеих направлениях, если содержимое не помещается в блок.
Обратите внимание, что для создания прокрутки должно быть задано фиксированное значение ширины или высоты блока, чтобы прокрутка сработала при необходимости.
