Лучшее руководство по CSS3 Интерфейс пользователя в 2024 году. В этом руководстве вы можете изучить CSS3 Интерфейс пользователя,Поддержка браузеров,CSS3 изменение размеров (изменение размера),примеров,CSS3 изменения размеров коробки (Box Определение размеров),примеров,CSS3 модифицированная форма (план-офсет),примеров,Новые возможности пользовательского интерфейса,
В CSS3, увеличивая количество новых функций пользовательского интерфейса для настройки размера элемента, размер кадра и внешние границы.
В этой главе вы узнаете следующие свойства пользовательского интерфейса:
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
属性 | |||||
---|---|---|---|---|---|
resize | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 15.0 |
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.1 -webkit- |
9.5 |
outline-offset | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 9.5 |
В CSS3, изменить размер свойство определяет, будет ли элемент должен пользователю регулировать размер.
код CSS выглядит следующим образом:
DIV элемент, указанный пользователем Size:
коробчатую проклейки свойство позволяет определить точное содержание определенной области адаптации.
Положения двух бок о бок с границами блока:
очертить выносом свойство смещения контура и нарисуйте профиль за пределы края границы.
Есть два различных контура и рамка:
Код CSS выглядит следующим образом:
Положения вне контура пикселей на краю границы 15:
свойство | объяснение | CSS |
---|---|---|
внешний вид | Это позволяет сделать внешний вид элемента как стандартные элементы пользовательского интерфейса | 3 |
коробчатого проклейки | Это позволяет адаптировать к региону и определить некоторые элементы в некотором роде | 3 |
значок | Создатели элемента устанавливается на иконку эквивалентную емкость. | 3 |
нав вниз | Указывает, где для навигации при помощи клавиш со стрелками для перемещения вниз | 3 |
нав-индекс | Указывает, что элемент Tab Order | 3 |
нав налево | Укажите, где использовать левую стрелку клавиши навигации для навигации | 3 |
нав-право | Укажите, где использовать стрелка вправо навигационные клавиши для навигации | 3 |
нав вверх | Указывает, где для навигации при помощи клавиш со стрелками для перемещения вверх | 3 |
очертить смещение | Измененный внешний контур и рисовать через край границы | 3 |
изменить размер | Укажите, является ли элемент изменен пользователем | 3 |