0
WebKit CSS Styles
Опубликовано : 21-02-2008 пользователем : alex-saratov | категория : CSS
Метки: CSS, WebKit
Обзор
Большинство браузеров поддерживают теги не входящие с спецификацию CSS. Эти стили как правило начинаются со специфичных меток, соответствующих названию браузера, так например Mozilla использует идентификатор -moz- ,Opera -o- и Safari использует идентификатор -webkit-. Ниже представлены списки идентификаторов тегов WebKit
Обзор
Большинство браузеров поддерживают теги не входящие с спецификацию CSS. Эти стили как правило начинаются со специфичных меток, соответствующих названию браузера, так например Mozilla использует идентификатор -moz- ,Opera -o- и Safari использует идентификатор -webkit-. Ниже представлены списки идентификаторов тегов WebKit
WebKit Атрибуты стилей
| CSS имя параметра | Значение | Комментарии |
|---|---|---|
| -webkit-appearance | checkbox radio push-button square-button button button-bevel listbox listitem menulist menulist-button menulist-text menulist-textfield scrollbarbutton-up scrollbarbutton-down scrollbarbutton-left scrollbarbutton-right scrollbartrack-horizontal scrollbartrack-vertical scrollbarthumb-horizontal scrollbarthumb-vertical scrollbargripper-horizontal scrollbargripper-vertical slider-horizontal slider-vertical sliderthumb-horizonta l sliderthumb-vertical caret searchfield searchfield-decoration searchfield-results-decoration searchfield-results-button searchfield-cancel-button textfield textarea |
|
| -webkit-background-clip | ||
| -webkit-background-composite | clear copy source-over source-in source-out source-atop destination-over destination-in destination-out destination-atop xor plus-darker # highlight plus-lighter |
|
| -webkit-background-origin | ||
| -webkit-background-size | ||
| -webkit-binding | ||
| -webkit-border-bottom-left-radius | ||
| -webkit-border-bottom-right-radius | ||
| -webkit-border-fit | lines | |
| -webkit-border-horizontal-spacing | ||
| -webkit-border-image | ||
| -webkit-border-radius | ||
| -webkit-border-top-left-radius | ||
| -webkit-border-top-right-radius | ||
| -webkit-border-vertical-spacing | ||
| -webkit-box-align | ||
| -webkit-box-direction | ||
| -webkit-box-flex | ||
| -webkit-box-flex-group | ||
| -webkit-box-lines | ||
| -webkit-box-ordinal-group | ||
| -webkit-box-orient | ||
| -webkit-box-pack | ||
| -webkit-box-shadow | ||
| -webkit-box-sizing | ||
| -webkit-column-break-after | ||
| -webkit-column-break-before | ||
| -webkit-column-break-inside | ||
| -webkit-column-count | ||
| -webkit-column-gap | ||
| -webkit-column-rule | ||
| -webkit-column-rule-color | ||
| -webkit-column-rule-style | ||
| -webkit-column-rule-width | ||
| -webkit-column-width | ||
| -webkit-columns | ||
| -webkit-dashboard-region | ||
| -webkit-font-size-delta | ||
| -webkit-highlight | ||
| -webkit-line-break | after-white-space | |
| -webkit-line-clamp | ||
| -webkit-margin-bottom-collapse | ||
| -webkit-margin-collapse | # collapse # separate discard |
|
| -webkit-margin-start | ||
| -webkit-margin-top-collapse | ||
| -webkit-marquee | ||
| -webkit-marquee-direction | ||
| -webkit-marquee-increment | ||
| -webkit-marquee-repetition | ||
| -webkit-marquee-speed | ||
| -webkit-marquee-style | ||
| -webkit-match-nearest-mail-blockquote-color | ||
| -webkit-nbsp-mode | space | |
| -webkit-padding-start | ||
| -webkit-rtl-ordering | logical visual |
|
| -webkit-text-decorations-in-effect | ||
| -webkit-text-fill-color | ||
| -webkit-text-security | ||
| -webkit-text-size-adjust | ||
| -webkit-text-stroke | ||
| -webkit-text-stroke-color | ||
| -webkit-text-stroke-width | ||
| -webkit-user-drag | element | |
| -webkit-user-modify | read-only read-write read-write-plaintext-only |
|
| -webkit-user-select | ignore |
WebKit Specific Style Values
| Property Value | Property Name | Комментарий |
|---|---|---|
| -webkit-mini-control | outline, border | |
| -webkit-small-control | outline, border | |
| -webkit-control | outline, border | |
| -webkit-xxx-large | font-size | |
| -webkit-body | font-family | |
| -webkit-link | *-color | |
| -webkit-activelink | *-color | |
| -webkit-focus-ring-color | *-color | Creates a blue glow effect. Seems to have only an effect foroutline style attributes. |
| -webkit-text | *-color | |
| -webkit-baseline-middle | vertical-align | |
| -webkit-auto | text-align | |
| -webkit-left | text-align | |
| -webkit-right | text-align | |
| -webkit-center | text-align | |
| -webkit-box | display | |
| -webkit-inline-box | display | |
| -webkit-marquee | ||
| -webkit-nowrap |