—»     —»   Интересные «–webkit» параметры в CSS
  Раздел: CSS/Style Sheets   Комментариев: 1  

Интересные «–webkit» параметры в CSS

Сегодня мы уже делились с вами небольшой подборкой браузерных префиксов для Mozilla. Сейчас мы хотели бы предложить вам такую же подборку, но уже теперь для браузеров семейства WebKit.

Интересные «–webkit» параметры в CSS

-webkit-touch-callout

Параметр -webkit-touch-callout позволяет вам указывать, что должно происходить или не происходить, когда пользователь зажимает ссылку в iOS. Значение по умолчанию вызывает специальное диалоговое окошко-подсказку. Используя значение none, вы можете отключить появление подсказки.

a.js-only {
-webkit-touch-callout: none;
}

Это может быть полезным в приложениях, которые используют элементы a, что не является традиционной ссылкой, а запускают функции AJAX / javascript.

-webkit-user-drag

Параметр -webkit-user-drag указывает, что целый элемент должен иметь возможность перетаскивания, а не только его контент:

/* no dragging at all */
.content p.noDrag {
-webkit-user-drag: none;
}

/* drags entire element, not the text/selection */
.sidebar div.elDrag {
-webkit-user-drag: element;
}

-webkit-appearance

Используя -webkit-appearance вы можете сделать, чтобы тэг SPAN выглядел как радио-кнопка, либо как текстовое поле или выпадающий список. Кроме выделенных параметров, вам на выбор будет дано еще 50.

span.lookLikeRadio {
-webkit-appearance: radio;
}

span.lookLikeTextarea {
-webkit-appearance: textarea;
}

span.lookLikeScrollbar {
-webkit-appearance: scrollbartrack-horizontal;
}

Хотите увидеть в действии? Ознакомьтесь с данным постом: WebKit-Specific Style: -webkit-appearance.

-webkit-text-security

Кто же знал, что мы можем оформлять даже символы, которые скрывают пароль в поле ввода?

input[type="password"] {
-webkit-text-security: square;
}

Не обязательный, но очень забавный параметр.

-webkit-user-select

Параметр -webkit-user-select позволяет нам предотвратить выделение текста на странице или содержимого определенного элемента:

div {
-webkit-user-select: none;
}

Предотвращение выделения может быть полезным тогда, когда вам нужно, чтобы посетители кликали по определенным ссылкам.

Раньше я не очень любил пользоваться браузерными префиксами, так как не понимал из предназначения. Ведь их нужно использовать лишь как дополнение, а не как основу. Может у вас тоже есть чем поделиться? Воспользуйтесь полем для комментариев ниже.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, Safari, Google Chrome
Опубликовал Design FactoRy   Прочитано (раз): 6459   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 29 февраля 2012 @ 20:19
Написал: 9210530 — группа: Читатели  
На сайте с: 16.11.2009   |   Публикаций: 0   |   Комментариев: 2
ICQ: --- не указано ---
Считаю, что использование подобных "фич" только еще больше поощряет отход от кроссбраузерности и расхлябанности программирования.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031