CSS свойства которые ты не знаешь! - Веб студия IZIART

Разработка сайтов
индивидуальный дизайн

Главная » CSS » CSS свойства которые ты не знаешь!

CSS свойства которые ты не знаешь!

css

Appearance

Свойство appearance позволяет изменить внешний вид стандартного элемента интерфейса, при сохранении его функционала (чекбокс, селект). Задав значение none, чекбокс исчезнет, но по щелчку состояние чекбокса будет меняться.

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

Еще одно значение этого свойства — button, позволяет отобразить элемент (например div) как кнопку.

appearance: button;

User-select

Свойство user-select позволяет управлять поведением выделения содержимого на странице.

Значения user-select: none | text | all

/* запретить выделение */
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;

/* разрешить выделять только текст */
user-select: text;

/* щелчок по элементу выделяет весь текст внутри */
user-select: all;

Direction

Свойство позволяет задавать направление текста, слева направо или справа налево, изменить сторону полосы прокрутки (scroll), вместо привычного её расположения (справа), переместить налево и изменить порядок колонок в таблице.

Значения direction: rtl | ltr

direction: rtl; /* справа налево */
direction: ltr; /* слева направо */

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *