САЙТЫ  ПОД  КЛЮЧ
ОНЛАЙН-СЕРВИСЫ СПРАВОЧНИКИ SEO-ИНСТРУМЕНТЫ РАЗВЛЕЧЕНИЯ

Справочник по CSS

overflow-x

Internet Explorer Chrome Opera Safari Firefox Android iOS
6.0+ 1.0+ 9.5+ 3.0+ 1.5+ 2.1+ 2.0+

Краткая информация

Значение по умолчанию visible
Наследуется Нет
Применяется К блочным элементам
Процентная запись Неприменима
Ссылка на спецификацию http://www.w3.org/TR/css3-box/#overflow-x

Версии CSS

CSS 1 CSS 2 CSS 2.1 CSS 3

Описание

Свойство overflow-x управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока.

Синтаксис

overflow-x: auto | hidden | scroll | visible

Значения

visible
Отображается все содержание элемента, даже за пределами установленной ширины.
hidden
Отображается только область внутри элемента, остальное будет скрыто.
scroll
Всегда добавляется горизонтальная полоса прокрутки.
auto
В зависимости от браузера, в основном, горизонтальная полоса прокрутки добавляется только при необходимости.

Пример

HTML5CSS 2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>overflow-x</title>
  <style>
   .layer {
    overflow-x: scroll; /* Добавляем полосу прокрутки */
    width: 300px; /* Ширина блока */
    height: 150px; /* Высота блока */
    padding: 5px; /* Поля вокруг текста */
    border: solid 1px black; /* Параметры рамки */
    white-space: nowrap; /* Запрещаем перенос строк */
   } 
  </style>
 </head>
 <body> 
  <div class="layer">
   <h2>Duis te feugifacilisi</h2>
   <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
    nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. 
    Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit 
    lobortis nisl ut aliquip ex ea commodo consequat.</p>
  </div> 
 </body>
</html>

Результат данного примера показан на рис. 1.

Применение свойства overflow-x

Рис. 1. Применение свойства overflow-x

Объектная модель

[window.]document.getElementById("elementID").style.overflowX

Справочник по CSS. Версия 7.0 от 5.11.12

© 2002–2012 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

htmlbook.ru


Это интересно

7 апреля 1994 года — в этот день международный сетевой центр InterNIC официально зарегистрировал национальный домен.ru для Российской Федерации. Знаковым для формирования «лица» современного рунета стал следующий, 1995-ый год. Вот некоторые даты и события: • Апрель 1995 года — создаётся первый сайт оффлайнового СМИ в Интернете — «Учительской газеты». • Май 1995 года — открыт первый сайт информационного агентства — «РосБизнесКонсалтинг». • Сентябрь 1995 года — программист Андрей Герасимов на базе провайдера «Нетклаб» впервые в России создал механизм для торговли компакт-дисками через Интернет: магазин начал работу, но почти сразу закрылся из-за нерентабельности. • 3 октября 1995 года — открылась первая студия веб-дизайна. Основатель Артемий Лебедев. • 8 ноября 1995 года — появился первый в Рунете развлекательный ресурс — Анекдот.ru.


Наши реквизиты
WMID: 309688839848
WMR: R325885159214
E-mail: 
  BL:Бизнес-уровень [BL]
QR-код сайта
Онлайн-радио
Больше радиостанций