CSS3 Интерфейс пользователя

CSS3 Интерфейс пользователя

В CSS3, увеличивая количество новых функций пользовательского интерфейса для настройки размера элемента, размер кадра и внешние границы.

В этой главе вы узнаете следующие свойства пользовательского интерфейса:

• изменить размер
• коробчатого проклейки
• очертить смещение

Поддержка браузеров

Цифры в таблице представляют первый браузер для поддержки номер версии имущества.

Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.

CSS3 изменение размеров (изменение размера)

В CSS3, изменить размер свойство определяет, будет ли элемент должен пользователю регулировать размер.

код CSS выглядит следующим образом:

примеров

DIV элемент, указанный пользователем Size:

div
{
resize:both;
overflow:auto;
}

Попробуйте »

CSS3 изменения размеров коробки (Box Определение размеров)

коробчатую проклейки свойство позволяет определить точное содержание определенной области адаптации.

примеров

Положения двух бок о бок с границами блока:

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}

Попробуйте »

CSS3 модифицированная форма (план-офсет)

очертить выносом свойство смещения контура и нарисуйте профиль за пределы края границы.

Есть два различных контура и рамка:

• Контур не занимает пространство
• Это может быть непрямоугольная контур

Код CSS выглядит следующим образом:

примеров

Положения вне контура пикселей на краю границы 15:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

Попробуйте »

Новые возможности пользовательского интерфейса