Довідники CSS3 overflow

Що таке overflow в CSS3?

Властивість overflow вказує, як буде вести себе текст, який буде виступати за межі об'єкта.


Значення:

  • scroll - весь текст можна буде прокрутити, якщо він буде більшим за висоту або ширину блоку. Завжди будуть смуги прокрутки;
  • visible - весь текст буде відображатися поверх блоку, якщо він буде більшим за висоту або ширину блоку;
  • auto - весь текст можна буде прокрутити, якщо він буде більшим за висоту або ширину блоку. Смуги прокрутки додаються лише за необхідності;
  • hidden - весь текст, який не буде поміщатися в блок, буде прихований з поля зору.


Приклад властивості:
div {
	height: 50px;
	padding: 25px;
	width: 150px;
	background: silver;
	overflow: auto;
}

Результат:


Весь текст, який не помістився сюди, можна просто прокрутити.
Коментарі
Додати коментар

Поки що коментарів немає