Overzicht -moz Stijlen

Een website maken die in elke browser identiek is, de taak van elke webdesigner.

Je hebt de gecko-gebasseerde en webkit-gebasseerde browsers. Gecko en webkit zijn de layout engines (rendering engines van Firefox en Safari/Chrome. Die van Internet Explorer heet Trident, die van Opera heet Presto.

Tot de geckogebasseerde browsers, behoort Firefox. Deze markeert zijn specifieke eigenschappen met -moz.

Tot de webkitgebasseerde browsers, behoort Safari en Chrome. Deze markeert zijn specifieke eigenschappen met -webkit.

Andere browsers (Internet Explorer), negeren deze eigenschappen en dus opmaak.

 

Hier krijgt u een overzicht van alle -moz-eigenschappen met bijhorende waarden:

 

Eigenschappen

Values

For all properties

-moz-appearance

  • button
  • button-arrow-down
  • button-arrow-next
  • button-arrow-previous
  • button-arrow-up
  • button-bevel
  • checkbox
  • checkbox-container
  • checkbox-label
  • checkmenuitem
  • dialog
  • groupbox
  • listbox
  • menuarrow
  • menucheckbox
  • menuimage
  • menuitem
  • menuitemtext
  • menulist
  • menulist-button
  • menulist-text
  • menulist-textfield
  • menupopup
  • menuradio
  • menuseparator
  • -moz-mac-unified-toolbar Nieuw in Firefox 3.5
  • -moz-win-borderless-glass
  • -moz-win-browsertabbar-toolbox Nieuw in Firefox 3
  • -moz-win-communications-toolbox Nieuw in Firefox 3
  • -moz-win-glass
  • -moz-win-media-toolbox Nieuw in Firefox 3
  • -moz-window-button-box
  • -moz-window-button-box-maximized
  • -moz-window-button-close
  • -moz-window-button-maximize
  • -moz-window-button-minimize
  • -moz-window-button-restore
  • -moz-window-titlebar
  • -moz-window-titlebar-maximized
  • progressbar
  • progresschunk
  • radio
  • radio-container
  • radio-label
  • radiomenuitem
  • resizer
  • resizerpanel
  • scale-horizontal
  • scalethumb-horizontal
  • scalethumb-vertical
  • scale-vertical
  • scrollbarbutton-down
  • scrollbarbutton-left
  • scrollbarbutton-right
  • scrollbarbutton-up
  • scrollbar-small
  • scrollbarthumb-horizontal
  • scrollbarthumb-vertical
  • scrollbartrack-horizontal
  • scrollbartrack-vertical
  • separator
  • spinner
  • spinner-downbutton
  • spinner-textfield
  • spinner-upbutton
  • statusbar
  • statusbarpanel
  • tab
  • tabpanels
  • tab-scroll-arrow-back
  • tab-scroll-arrow-forward
  • textfield
  • textfield-multiline
  • toolbar
  • toolbarbutton-dropdown
  • toolbox
  • tooltip
  • treeheadercell
  • treeheadersortarrow
  • treeitem
  • treetwisty
  • treetwistyopen
  • treeview
  • window

background-image

border-color

border-style   and  outline-style

  • -moz-bg-inset | -moz-bg-outset | -moz-bg-solid verouderd   dropped in Gecko 1.9 (Firefox 3.0)

<color>   keywords

  • -moz-activehyperlinktext
  • -moz-hyperlinktext
  • -moz-visitedhyperlinktext
  • -moz-buttondefault
  • -moz-buttonhoverface
  • -moz-buttonhovertext
  • -moz-default-background-color vereist: Gecko 5.0
  • -moz-default-color vereist: Gecko 5.0
  • -moz-cellhighlight
  • -moz-cellhighlighttext
  • -moz-field
  • -moz-fieldtext
  • -moz-dialog
  • -moz-dialogtext
  • -moz-dragtargetzone
  • -moz-mac-accentdarkestshadow
  • -moz-mac-accentdarkshadow
  • -moz-mac-accentface
  • -moz-mac-accentlightesthighlight
  • -moz-mac-accentlightshadow
  • -moz-mac-accentregularhighlight
  • -moz-mac-accentregularshadow
  • -moz-mac-chrome-active vereist: Gecko 1.9.1
  • -moz-mac-chrome-inactive vereist: Gecko 1.9.1
  • -moz-mac-focusring
  • -moz-mac-menuselect
  • -moz-mac-menushadow
  • -moz-mac-menutextselect
  • -moz-menuhover
  • -moz-menuhovertext
  • -moz-win-communicationstext Nieuw in Firefox 3
  • -moz-win-mediatext vereist: Gecko 1.9
  • -moz-nativehyperlinktext vereist: Gecko 1.9.1

display

  • -moz-box
  • -moz-inline-block verouderd
  • -moz-inline-box
  • -moz-inline-grid
  • -moz-inline-stack
  • -moz-inline-table verouderd
  • -moz-grid
  • -moz-grid-group
  • -moz-grid-line
  • -moz-groupbox
  • -moz-deck
  • -moz-popup
  • -moz-stack
  • -moz-marker

empty-cells

  • -moz-show-background (default value in quirks mode)

font

  • -moz-button
  • -moz-info
  • -moz-desktop
  • -moz-dialog (also a color)
  • -moz-document
  • -moz-workspace
  • -moz-window
  • -moz-list
  • -moz-pull-down-menu
  • -moz-field (also a color)

font-family

  • -moz-fixed

image-rendering

<length>

list-style-type

  • -moz-arabic-indic
  • -moz-bengali
  • -moz-cjk-earthly-branch
  • -moz-cjk-heavenly-stem
  • -moz-devanagari
  • -moz-ethiopic-halehame
  • -moz-ethiopic-halehame-am
  • -moz-ethiopic-halehame-ti-er
  • -moz-ethiopic-halehame-ti-et
  • -moz-ethiopic-numeric
  • -moz-gujarati
  • -moz-gurmukhi
  • -moz-hangul
  • -moz-hangul-consonant
  • -moz-japanese-formal
  • -moz-japanese-informal
  • -moz-kannada
  • -moz-khmer
  • -moz-lao
  • -moz-malayalam
  • -moz-myanmar
  • -moz-oriya
  • -moz-persian
  • -moz-simp-chinese-formal
  • -moz-simp-chinese-informal
  • -moz-tamil
  • -moz-telugu
  • -moz-thai
  • -moz-trad-chinese-formal
  • -moz-trad-chinese-informal
  • -moz-urdu

text-decoration

  • -moz-anchor-decoration

-moz-user-select

  • -moz-all
  • -moz-none

width ,  min-width   and  max-width

Pseudo-elements and pseudo-classes

At-rules

 

 

Bron: https://developer.mozilla.org/en/css_reference/mozilla_extensions

© 2000 - 2016 Zelfstudie.be - Alle rechten voorbehouden

Website laten maken: kerfuffle.be - Website publiceren: zelfhosting.com