Главная/ Cправочник HTML, CSS, Javascript/ CSS расширения/ Webkit

WebKit

WebkitCSS расширения движка WebKit — это специфические дополнения к стандартным CSS инструментам, которые открывают перед веб разработчиком более широкие возможности.

Особенности

  • такие расширения имеют префикс -webkit-
  • поддерживаются браузерами Safari, Chrome и другими браузерами на основе движка WebKit
  • не проходят валидацию

  • background-image, -webkit-mask-image

    добавлено 08.06.2011

    Значение -webkit-linear-gradient свойства background-image — задает элементу в качестве фонового изображения линейный градиент; значение -webkit-radial-gradient — задает элементу в качестве фонового изображения радиальный градиент; значение -webkit-repeating-linear-gradient — задает элементу в качестве фонового изображения линейный градиент, повторяющийся до бесконечности в обе стороны пропорционально указанным цветам и координатам ключевых точек; значение -webkit-repeating-radial-gradient — задает элементу в качестве фонового изображения радиальный градиент, повторяющийся до бесконечности в обе стороны пропорционально указанным цветам и координатам ключевых точек.

  • -webkit-animation-duration

    добавлено 05.10.2010

    Свойство -webkit-animation-duration задает продолжительность одного цикла анимации (можно указать несколько через запятую).

  • @-webkit-keyframes

    добавлено 05.10.2010

    Правило @-webkit-keyframes — позволяет пользователю описать анимацию CSS свойств в виде перечня ключевых кадров.

  • -webkit-animation-iteration-count

    добавлено 18.09.2010

    Свойство -webkit-animation-iteration-count определяет количество циклов анимации (можно указать несколько через запятую)

  • -webkit-animation-timing-function

    добавлено 18.09.2010

    Свойство -webkit-animation-timing-function описывает метод расчета промежуточных значений свойств при анимации (можно указать несколько через запятую)

  • -webkit-transform-origin-z

    добавлено 17.09.2010

    Css свойство -webkit-transform-origin-z задает координату z центра трансформации.

  • -webkit-perspective-origin

    добавлено 17.09.2010

    Свойство -webkit-perspective-origin применяется при трансформациях элемента, задает точку отсчета для -webkit-perspective, определяет координаты точки X и Y из которой зритель как бы смотрит на дочерние элементы

  • -webkit-perspective

    добавлено 17.09.2010

    Свойство -webkit-perspective применяется при трансформациях элемента, определяет расстояние в пикселях от плоскости дочерних элементов до точки из которой пользователь как бы смотрит на них

  • -webkit-transform-style

    добавлено 17.09.2010

    Свойство -webkit-transform-style определяет, будут ли дочерние элементы находиться в 3d пространстве или в плоскости элемента

  • -webkit-backface-visibility

    добавлено 17.09.2010

    Свойство -webkit-backface-visibility определяет будет ли видно контент элемента, который с помощью 3d трансформаций отвернут лицом от пользователя.

  • -webkit-box-reflect

    добавлено 17.09.2010

    Свойство -webkit-box-reflect — описывает зеркальные отражения элемента

  • -webkit-nbsp-mode

    добавлено 17.09.2010

    Свойство -webkit-nbsp-mode — определяет как отображать в тексте неразрывные пробелы

  • -webkit-animation-fill-mode

    добавлено 17.09.2010

    Свойство -webkit-animation-fill-mode определяет, будет ли видимым эффект от анимации, когда сама анимация уже закончилась (можно указать несколько через запятую)

  • text-align

    добавлено 14.09.2010

    Вендорные значения для text-align: -webkit-auto, -webkit-left, -webkit-right, -webkit-center

  • font

    добавлено 13.09.2010

    Вендорные значения для font: -webkit-small-control, -webkit-mini-control, -webkit-control

  • font-size

    добавлено 13.09.2010

    Вендорные значения для font-size: -webkit-xxx-large

  • overflow-x, overflow-y, overflow

    добавлено 13.09.2010

    Вендорные значения для overflow-x, overflow-y, overflow: -webkit-marquee

  • vertical-align

    добавлено 13.09.2010

    Вендорные значения для vertical-align: -webkit-baseline-middle

  • display

    добавлено 13.09.2010

    Вендорные значения для display: -webkit-box, -webkit-inline-box

  • цвета

    добавлено 13.09.2010

    Значение -webkit-activelink для цвета задает цвет такой же как по умолчанию у ссылки в момент клика; значение -webkit-focus-ring-color для цвета задает цвет такой же как по умолчанию цвет outline элемента при фокусе; значение -webkit-link для цвета задает цвет такой же, как по-умолчанию для посещенных ссылок; значение -webkit-text для цвета задает цвет такой же, как значение цвета текста по-умолчанию

  • cursor

    добавлено 13.09.2010

    Значение -webkit-grab свойства cursor — может задаваться элементу, который можно захватить; значение -webkit-grabbing свойства cursor — может задаваться элементу, который уже захвачен; значение -webkit-zoom-in — может задаваться элементу, который можно увеличивать; значение -webkit-zoom-out — может задаваться элементу, который можно уменьшать.

  • -webkit-appearance

    добавлено 10.09.2010

    Свойство -webkit-appearance — изменяет внешний вид кнопок и других элементов управления, чтобы походить на стандартные средства управления

  • -webkit-box-lines

    добавлено 10.09.2010

    Свойство -webkit-box-lines — определяет, должен ли тянущийся бокс содержать несколько строк содержимого

  • -webkit-box-pack

    добавлено 10.09.2010

    Свойство -webkit-box-pack — определяет как выравнивается контент в блоке вдоль ориентации блока

  • -webkit-box-orient

    добавлено 09.09.2010

    Свойство -webkit-box-orient — определяет ориентацию элемента внутри тянущегося бокса

  • -webkit-box-ordinal-group

    добавлено 09.09.2010

    Свойство -webkit-box-ordinal-group — определяет порядковый номер элемента в группе

  • -webkit-box-flex-group

    добавлено 09.09.2010

    Свойство -webkit-box-flex-group — определяет группы динамически изменяющихся элементов, которые растягиваются на размер родительского блока

  • -webkit-box-flex

    добавлено 09.09.2010

    Свойство -webkit-box-flex — задает возможность элемента растягиваться на пустое пространство родительского блока

  • -webkit-box-direction

    добавлено 09.09.2010

    Свойство -webkit-box-direction — определяет направление в котором выводятся дочерние элементы элемента в тянущемся боксе

  • -webkit-box-align

    добавлено 09.09.2010

    Свойство -webkit-box-align — определяет выравнивание элемента внутри внешнего тянущегося бокса элемента

  • -webkit-column-rule

    добавлено 08.09.2010

    Свойство -webkit-column-rule — сокращенный способ задать свойства -webkit-column-rule-width, -webkit-column-rule-style и -webkit-column-rule-color, определяет ширину, стиль и цвет границы колонки в многоколоночном элементе

  • -webkit-column-rule-color

    добавлено 08.09.2010

    Свойство -webkit-column-rule-color — определяет цвет границы колонки в многоколоночном элементе

  • -webkit-text-stroke

    добавлено 08.09.2010

    Свойство -webkit-text-stroke — сокращенный способ задать свойства -webkit-text-stroke-width и -webkit-text-stroke-color, определяет ширину и цвет границы колонки в многоколоночном элементе

  • -webkit-text-stroke-color

    добавлено 08.09.2010

    Свойство -webkit-text-stroke-color — определяет цвет контура текста

  • -webkit-text-fill-color

    добавлено 08.09.2010

    Свойство -webkit-text-fill-color — определяет цвет заливки для текста.

  • -webkit-columns

    добавлено 08.09.2010

    Свойство -webkit-columns — сокращенный способ задать свойства -webkit-column-width и -webkit-column-count, определяет ширину колонок и их количество в многоколоночном элементе

  • -webkit-column-width

    добавлено 08.09.2010

    Свойство -webkit-column-width — определяет ширину колонок в многоколоночном элементе

  • -webkit-column-rule-width

    добавлено 08.09.2010

    Свойство -webkit-column-rule-width — определяет ширину границы колонки в многоколоночном элементе

  • -webkit-column-rule-style

    добавлено 08.09.2010

    Свойство -webkit-column-rule-style — определяет количество колонок в многоколоночном элементе

  • -webkit-column-gap

    добавлено 08.09.2010

    Свойство -webkit-column-count — определяет промежуток между колонками в многоколоночном элементе

  • -webkit-column-count

    добавлено 08.09.2010

    Свойство -webkit-column-count — определяет количество колонок в многоколоночном элементе

  • -webkit-column-break-inside

    добавлено 08.09.2010

    Свойство -webkit-column-break-inside — определяет разрыв колонки внутри элемента в многоколоночном элементе

  • -webkit-column-break-before

    добавлено 08.09.2010

    Свойство -webkit-column-break-before — определяет разрыв колонки после элемента в многоколоночном элементе

  • -webkit-column-break-after

    добавлено 08.09.2010

    Свойство -webkit-column-break-after — определяет разрыв колонки после элемента в многоколоночном элементе

  • -webkit-border-vertical-spacing

    добавлено 08.09.2010

    Свойство -webkit-border-vertical-spacing — определят расстояние между горизонтальной частью границы элемента и контентом внутри

  • -webkit-border-horizontal-spacing

    добавлено 08.09.2010

    Свойство -webkit-border-horizontal-spacing — определяет расстояние между горизонтальной частью границы элемента и контентом внутри

  • -webkit-user-select

    добавлено 08.09.2010

    Свойство -webkit-user-select — определяет может ли пользователь выделить контент элемента

  • -webkit-user-modify

    добавлено 08.09.2010

    Свойство -webkit-user-modify — определяет может ли пользователь редактировать элемент

  • -webkit-user-drag

    добавлено 08.09.2010

    Свойство -webkit-user-drag — дает возможность перетягивать элемент полностью, а не только его содержание

  • -webkit-rtl-ordering

    добавлено 08.09.2010

    Свойство -webkit-rtl-ordering — позволяет принудительно переопределить направление текста, который по-умолчанию направлен справа-налево

  • -webkit-line-break

    добавлено 08.09.2010

    Свойство -webkit-line-break — определяет правила разрыва строки для иероглифических письменностей (китайский, японский, корейский)

  • -webkit-text-stroke-width

    добавлено 03.09.2010

    Свойство -webkit-text-stroke-width — определяет ширину контура текста

  • -webkit-text-security

    добавлено 03.09.2010

    Свойство -webkit-text-security — определяет форму значков, которые используются вместо букв в поле для ввода пароля

  • -webkit-mask

    добавлено 02.09.2010

    Свойство -webkit-mask сокращенный способ задать свойства маски -webkit-mask-attachment, -webkit-mask-clip, -webkit-mask-origin, -webkit-mask-image, -webkit-mask-repeat, -webkit-mask-composite и -webkit-mask-box-image, позволяет одновременно определить, будет ли маска прокручиваться вместе с окном браузера, определить будет ли маска видима под границей элемента, если граница имеет прозрачные участки, определяет точку, с которой будет начинаться левый верхний угол маски, задать изображение, которое будет использоваться в качестве маски, определить каким образом будет повторяться маска, определить на какую часть элемента будет распространяться маска, а также задает изображение, которое будет применено к границе элемента в качестве маски.

  • -webkit-marquee

    добавлено 02.09.2010

    Свойство -webkit-marquee сокращенный способ задать свойства бегущего контента -webkit-marquee-direction, -webkit-marquee-increment, -webkit-marquee-repetition, -webkit-marquee-speed, -webkit-marquee-style, позволяет задать одновременно направление бегущего контента, расстояние которое проходит бегущий контент между каждым шагом прокрутки, количество повторов, скорость и стиль бегущего контента в элементах с бегущим контентом

  • -webkit-marquee-style

    добавлено 02.09.2010

    Свойство -webkit-marquee-style определяет стиль движения бегущего контента в элементах с бегущим контентом

  • -webkit-marquee-speed

    добавлено 02.09.2010

    Свойство -webkit-marquee-speed определяет скорость бегущего контента в элементах с бегущим контентом либо в виде значения скорости, либо в виде дроби дистанция/время

  • -webkit-marquee-repetition

    добавлено 02.09.2010

    Свойство -webkit-marquee-repetition определяет количество повторов прокрутки бегущего контента в элементах с бегущим контентом

  • -webkit-marquee-increment

    добавлено 02.09.2010

    Свойство -webkit-marquee-increment определяет расстояние которое проходит бегущий контент между каждым шагом прокрутки

  • -webkit-marquee-direction

    добавлено 02.09.2010

    Свойство -webkit-marquee-direction определяет на какую часть элемента будет распространяться маска

  • -webkit-margin-start

    добавлено 30.08.2010

    Свойство -webkit-margin-start определяет левый или правый внешний отступ в зависимости от направления контента в элементе

  • -webkit-margin-collapse

    добавлено 30.08.2010

    Свойство -webkit-margin-collapse — сокращенный способ задать свойства границы -webkit-margin-top-collapse и -webkit-margin-bottom-collapse, позволяет задать одновременно поведение верхнего и нижнего внешних отступов элемента, если он расположен рядом с внешними отступами других элементов

  • -webkit-margin-top-collapse

    добавлено 30.08.2010

    Свойство -webkit-margin-top-collapse — определяет поведение нижнего внешнего отступа элемента, если он расположен рядом с внешним отступом другого элемента.

  • -webkit-margin-bottom-collapse

    добавлено 30.08.2010

    Свойство -webkit-margin-bottom-collapse — определяет поведение нижнего внешнего отступа элемента, если он расположен рядом с внешним отступом другого элемента.

  • -webkit-box-shadow

    добавлено 30.08.2010

    Свойство -moz-box-shadow — задает эффект тени элементу.

  • -webkit-box-sizing

    добавлено 30.08.2010

    Свойство -webkit-box-sizing — определяет, будет ли размер элемента включать только контент (по умолчанию) или контент, внутренние отступы и границы.

  • -webkit-border-image

    добавлено 30.08.2010

    Свойство -webkit-border-image позволяет одновременно задать фоновое изображение границы элемента, разбить его на фрагменты, указать размер контура, а также указать способ отображения боковых фрагментов фонового изображения.

  • -webkit-border-radius

    добавлено 30.08.2010

    Свойство -webkit-border-radius — позволяет задать одновременно радиус скруглений всех углов элемента.

  • -webkit-border-top-right-radius

    добавлено 30.08.2010

    Свойство -webkit-border-top-right-radius — задает радиус скругления левого нижнего угла элемента.

  • -webkit-border-top-left-radius

    добавлено 30.08.2010

    Свойство -webkit-border-top-left-radius — задает радиус скругления левого нижнего угла элемента.

  • -webkit-border-bottom-right-radius

    добавлено 30.08.2010

    Свойство -webkit-border-bottom-right-radius — задает радиус скругления левого нижнего угла элемента.

  • -webkit-border-bottom-left-radius

    добавлено 30.08.2010

    Свойство -webkit-border-bottom-left-radius — задает радиус скругления левого нижнего угла элемента.