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

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

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

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

Обновлено: 05.10.2023
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; /* слева направо */