The переповнення-x Властивість CSS визначає, що показувати, коли вміст переповнюється за лівий і правий краї елемента рівня блоку. Це може бути нічого, смуга прокручування або переповнений вміст. Цю властивість також можна встановити за допомогою скороченої властивості переповнення.
Іноді нам потрібно додати смугу прокрутки до div або span щоразу, коли текст у div або span переповнюється. смуга прокрутки підтримується в усіх браузерах, таких як IE 5+, FF 3.5+, Safari, Opera тощо. Щоб відобразити смугу прокрутки, нам потрібно вкажіть властивість переповнення css на "visible" або "auto".
Щоб смуги прокрутки завжди відображалися на веб-сторінці, використовувати переповнення: властивість прокрутки. Він додасть до веб-сторінки як горизонтальні, так і вертикальні смуги прокрутки. Щоб додати лише горизонтальну смугу прокручування, використовуйте властивість переповнення-x: прокручування, а для вертикальної смуги прокручування — властивість переповнення-y: прокручування.
Підхід. Щоб створити спеціальну смугу прокрутки за допомогою HTML і CSS, виконайте такі загальні кроки:
- Створіть елемент-контейнер, який буде містити вміст і смугу прокрутки. …
- Встановіть висоту елемента контейнера на фіксоване значення та додайте overflow-y: scroll, щоб увімкнути смугу прокрутки.
scrollbar-width приймає такі значення:
- auto є значенням за замовчуванням і відображатиме стандартні смуги прокрутки для агента користувача.
- thin вкаже агенту користувача використовувати тонші смуги прокрутки, якщо це можливо.
- ніхто не приховає смугу прокрутки повністю, не впливаючи на можливість прокручування елемента.