MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla
Vos résultats de recherche

    Syntaxe des valeurs CSS

    Animations

    Propriétés Syntaxe Valeur initiale Hérité Media
    animation <single-animation-name> || <time> || <timing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> La concaténation des valeurs initiales des propriétés associées :
    • animation-name: none
    • animation-duration: 0s
    • animation-timing-function: ease
    • animation-delay: 0s
    • animation-iteration-count: 1
    • animation-direction: normal
    • animation-fill-mode: none
    • animation-play-state: running
    non visual
    animation-delay <time># 0s non visual
    animation-direction <single-animation-direction>#
    <single-animation-direction> = normal | reverse | alternate | alternate-reverse
    normal non visual
    animation-duration <time># 0s non visual
    animation-fill-mode <single-animation-fill-mode>#
    <single-animation-fill-mode> = none | forwards | backwards | both
    none non visual
    animation-iteration-count <single-animation-iteration-count>#
    <single-animation-iteration-count> = infinite | <number>
    1 non visual
    animation-name <single-animation-name>#
    <single-animation-name> = none | IDENT
    none non visual
    animation-play-state <single-animation-play-state>#
    <single-animation-play-state> = running | paused
    running non visual
    animation-timing-function <timing-function># ease non visual

    Transitions

    Propriétés Syntaxe Valeur initiale Hérité Media
    transition [ none | <single-transition-property> ] || <time> || <timing-function> || <time> La concaténation des valeurs initiales des propriétés associées :
    • transition-delay: 0s
    • transition-duration: 0s
    • transition-property: all
    • transition-timing-function: ease
    non interactive
    transition-delay <time># 0s non interactive
    transition-duration <time># 0s non interactive
    transition-property none | <single-transition-property>#  [ ‘,’ <single-transition-property># ]*

    <single-transition-property> = all | IDENT
    all non visual
    transition-timing-function <timing-function># ease non interactive

    Transformations

    Propriétés Syntaxe Valeur initiale Hérité Media
    transform none | <transform-function>+ none non visual
    transform-origin [ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] <length>? 50% 50% 0 non visual
    transform-style flat | preserve-3d flat non visual
    perspective none | <length> none non visual
    perspective-origin [ <percentage> | <length> | left | center | right | top | bottom] | [ [ <percentage> | <length> | left | center | right ] && [ <percentage> | <length> | top | center | bottom ] ] 50% 50% non visual
    backface-visibility visible | hidden visible non visual

    Couleurs

    Propriété Syntaxe Valeur initiale Hérité Media
    color <color> Varie d'un navigateur à l'autre oui visual
    opacity <number> 1.0 non visual

    Colonnes

    Propriétés Syntaxe Valeur initiale Hérité Media
    columns <'column-width'> || <'column-count'> La concaténation des valeurs initiales des propriétés associées :
    • column-width: auto
    • column-count: auto
    non visual
    column-width <length> | auto auto non visual
    column-count <number> | auto auto non visual
    column-gap <length> | normal normal non visual
    column-rule <'column-rule-width'> || <'column-rule-style'> || <'column-rule-color'> La concaténation des valeurs initiales des propriétés associées :
    • column-rule-width: medium
    • column-rule-style: none
    • column-rule-color: currentColor
    non visual
    column-rule-color <color> currentColor non visual
    column-rule-style <br-style> none non visual
    column-rule-width <br-width> medium non visual
    break-before auto | always | avoid | left | right | page | column | avoid-page | avoid-colum auto non paged
    break-after auto | always | avoid | left | right | page | column | avoid-page | avoid-colum auto non paged
    break-inside auto | avoid | avoid-page | avoid-column auto non paged
    column-span none | all none non visual
    column-fill auto | balance balance non visual, but, in continuous media, has no effect in overflow columns

    Textes

    Propriétés Syntaxe Valeur initiale Hérité Media
    hyphens none | manual | auto manual oui visual
    letter-spacing normal | <length> normal oui visual
    word-wrap normal | break-word normal oui visual
    overflow-wrap normal | break-word normal oui visual
    text-transform none | capitalize | uppercase | lowercase | full-width none oui visual
    tab-size <integer> 8 oui visual
    text-align [ start | end | left | right | center ] || <string> ] | justify | match-parent | start end start, ou une valeur non nommée se comportant comme left si direction est ltr, right si direction est rtl si start n'est pas supporté par le navigateur oui visual
    text-align-last auto | start | end | left | right | center | justify auto oui visual
    text-indent <length> | <percentage> && [ hanging || each-line ] 0 oui visual
    direction ltr | rtl ltr oui visual
    white-space normal | pre | nowrap | pre-wrap | pre-line normal oui visual
    word-break normal | break-all | keep-all normal oui visual
    word-spacing normal | <length> normal oui visual

    Décorations de texte

    Popriétés Syntaxe Valeur initiale Hérité Media
    text-decoration <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> La concaténation des valeurs initiales des propriétés associées :
    • text-decoration-color: currentColor
    • text-decoration-style: solid
    • text-decoration-line: none
    non visual
    text-decoration-color <color> currentColor non visual
    text-decoration-style solid | double | dotted | dashed | wavy solid non visual
    text-decoration-line none | [ underline || overline || line-through || blink ] none non visual
    text-decoration-skip none | [ objects || spaces || ink || edges || box-decoration ] objects oui visual
    text-shadow none | <shadow-t>#
    <shadow-t> = [ <length>{2,3} && <color>? ]
    none oui visual
    text-underline-position auto | alphabetic | [ under || [ left | right ] ] auto oui visual

    Boîtes flexibles

    Propriétés Syntaxe Valeur initiale Hérité Media
    align-content flex-start | flex-end | center | space-between | space-around | stretch stretch non visual
    align-items flex-start | flex-end | center | baseline | stretch stretch non visual
    align-self auto | flex-start | flex-end | center | baseline | stretch auto non visual
    flex-basis <'width'> auto non visual
    flex-direction row | row-reverse | column | column-reverse row non visual
    flex-flow <'flex-direction'> || <'flex-wrap'> La concaténation des valeurs initiales des propriétés associées :
    • flex-direction: row
    • flex-wrap: nowrap
    non visual
    flex-grow <number> 0 non visual
    flex-shrink <number> 1 non visual
    flex none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ] La concaténation des valeurs initiales des propriétés associées :
    • flex-grow: 0
    • flex-shrink: 1
    • flex-basis: auto
    non visual
    flex-wrap nowrap | wrap | wrap-reverse nowrap non visual
    justify-content flex-start | flex-end | center | space-between | space-around flex-start non visual
    order <integer> 0 non visual

    Arrière-plans et bordures

    Propriétés Syntaxe Valeur initiale Hérité Media
    background [ <bg-layer> , ]* <final-bg-layer>
    <bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2}
    et <final-bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box>{1,2} || <'background-color'>
    La concaténation des valeurs initiales des propriétés associées :
    • background-image: none
    • background-position: 0% 0%
    • background-size: auto auto
    • background-repeat: repeat
    • background-style: est elle-même une propriété raccourcie. Sa valeur initiale est la concaténation de ses propres propriétés associées
    • background-clip: border-box
    • background-color: transparent
    non visual
    background-attachment <attachment>#
    <attachment> = scroll | fixed | local
    scroll non visual
    background-clip <box>#
    <box> = border-box | padding-box | content-box
    border-box non visual
    background-color <color> transparent non visual
    background-image <bg-image>#
    <bg-image> = none | <image>
    none non visual
    background-origin <box># padding-box non visual
    background-position <position># 0% 0% non visual
    background-repeat <repeat-style>#
    <repeat-style> = repeat-x | repeat-y | [repeat | space | round | no-repeat]{1,2}
    repeat non visual
    background-size <bg-size>#
    <bg-size> = [ <length> | <percentage> | auto ]{1,2} | cover | contain
    auto auto non visual
    border <br-width> || <br-style> || <color> La concaténation des valeurs initiales des propriétés associées :
    • border-width: La concaténation des valeurs initiales des propriétés associées :
      • border-bottom-width: medium
      • border-left-width: medium
      • border-right-width: medium
      • border-bottom-width: medium
    • border-style: La concaténation des valeurs initiales des propriétés associées :
      • border-bottom-style: none
      • border-left-style: none
      • border-right-style: none
      • border-bottom-style: none
    • border-color: La concaténation des valeurs initiales des propriétés associées :
      • border-bottom-color: currentColor
      • border-left-color: currentColor
      • border-right-color: currentColor
      • border-top-color: currentColor
    non visual
    border-bottom <br-width> || <br-style> || <color> La concaténation des valeurs initiales des propriétés associées :
    • border-bottom-width: medium
    • border-bottom-style: none
    • border-bottom-color: currentColor
    non visual
    border-bottom-color <color> currentColor non visual
    border-bottom-left-radius [ <length> | <percentage> ]{1,2} 0 non visual
    border-bottom-right-radius [ <length> | <percentage> ]{1,2} 0 non visual
    border-bottom-style <br-style> none non visual
    border-bottom-width <br-width> medium non visual
    border-color <color>{1,4} La concaténation des valeurs initiales des propriétés associées :
    • border-bottom-color: currentColor
    • border-left-color: currentColor
    • border-right-color: currentColor
    • border-top-color: currentColor
    non visual
    border-image <'border-image-source'> || <'border-image-slice'> [ / <'border-image-width'> | / <'border-image-width'>? / <'border-image-outset'> ]? || <'border-image-repeat'> La concaténation des valeurs initiales des propriétés associées :
    • border-image-source: none
    • border-image-slice: 100%
    • border-image-width: 1
    • border-image-outset: 0s
    • border-image-repeat: stretch
    non visual
    border-image-outset [ <length> | <number> ]{1,4} 0s non visual
    border-image-repeat [ stretch | repeat | round ]{1,2} stretch non visual
    border-image-slice [<number> | <percentage>]{1,4} && fill? 100% non visual
    border-image-source none | <image> none non visual
    border-image-width [ <length> | <percentage> | <number> | auto ]{1,4} 1 non visual
    border-left <br-width> || <br-style> || <color> La concaténation des valeurs initiales des propriétés associées :
    • border-left-width: medium
    • border-left-style: none
    • border-left-color: currentColor
    non visual
    border-left-color <color> currentColor non visual
    border-left-style <br-style> none non visual
    border-left-width <br-width> medium non visual
    border-radius [ <length> | <percentage> ]{1,4} [ / [ <length> | <percentage> ]{1,4} ]? La concaténation des valeurs initiales des propriétés associées :
    • border-bottom-left-radius: 0
    • border-bottom-right-radius: 0
    • border-top-left-radius: 0
    • border-top-right-radius: 0
    non visual
    border-right <br-width> || <br-style> || <color> La concaténation des valeurs initiales des propriétés associées :
    • border-right-width: medium
    • border-right-style: none
    • border-right-color: currentColor
    non visual
    border-right-color <color> currentColor non visual
    border-right-style <br-style> none non visual
    border-right-width <br-width> medium non visual
    border-style <br-style>{1,4}
    <br-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
    La concaténation des valeurs initiales des propriétés associées :
    • border-bottom-style: none
    • border-left-style: none
    • border-right-style: none
    • border-bottom-style: none
    non visual
    border-top <br-width> || <br-style> || <color> La concaténation des valeurs initiales des propriétés associées :
    • border-top-width: medium
    • border-top-style: none
    • border-top-color: currentColor
    non visual
    border-top-color <color> currentColor non visual
    border-top-left-radius [ <length> | <percentage> ]{1,2} 0 non visual
    border-top-right-radius [ <length> | <percentage> ]{1,2} 0 non visual
    border-top-style <br-style> none non visual
    border-top-width <br-width> medium non visual
    border-width <br-width>{1,4}
    <br-width> = <length> | thin | medium | thick
    La concaténation des valeurs initiales des propriétés associées :
    • border-bottom-width: medium
    • border-left-width: medium
    • border-right-width: medium
    • border-bottom-width: medium
    non visual

    Modèle de boîte

    Propriétés Syntaxe Valeur initiale Hérité Media
    box-decoration-break slice | clone slice non visual
    box-shadow none | <shadow>#
    <shadow> = inset? && [ <length>{2,4} && <color>? ]
    none non visual
    margin [ <length> | <percentage> | auto ]{1,4} La concaténation des valeurs initiales des propriétés associées :
    • margin-bottom: 0
    • margin-left: 0
    • margin-right: 0
    • margin-top: 0
    non visual
    margin-bottom <length> | <percentage> | auto 0 non visual
    margin-left <length> | <percentage> | auto 0 non visual
    margin-right <length> | <percentage> | auto 0 non visual
    margin-top <length> | <percentage> | auto 0 non visual
    padding [ <length> | <percentage> ]{1,4} La concaténation des valeurs initiales des propriétés associées :
    • padding-bottom: 0
    • padding-left: 0
    • padding-right: 0
    • padding-top: 0
    non visual
    padding-bottom <length> | <percentage> 0 non visual
    padding-left <length> | <percentage> 0 non visual
    padding-right <length> | <percentage> 0 non visual
    padding-top <length> | <percentage> 0 non visual
    box-sizing content-box | padding-box | border-box content-box non visual
    max-height <length> | <percentage> | none | max-content | min-content | fit-content | fill-available none non visual
    min-height <length> | <percentage> | max-content | min-content | fit-content | fill-available 0 non visual
    height auto | <length> | <percentage> auto non visual
    max-width <length> | <percentage> | none | max-content | min-content | fit-content | fill-available none non visual
    min-width <length> | <percentage> | max-content | min-content | fit-content | fill-available 0 non visual
    width [<length> | <percentage>] && [border-box | content-box]? | available | min-content | max-content | fit-content | auto auto non visual
    overflow visible | hidden | scroll | auto visible non visual
    overflow-x visible | hidden | scroll | auto visible non visual
    overflow-y visible | hidden | scroll | auto visible non visual
    visibility visible | hidden | collapse visible oui visual

    Tableaux

    Propriétés Syntaxe Valeur initiale Hérité Media
    border-collapse collapse | separate separate oui visual
    border-spacing <length> <length>? 0 oui visual
    caption-side top | bottom top oui visual
    empty-cells show | hide show oui visual
    table-layout auto | fixed auto non visual
    vertical-align baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length> baseline non visual

    Positionnement

    Propriétés Syntaxe Valeur initiale Hérité Media
    bottom <length> | <percentage> | auto auto non visual
    left <length> | <percentage> | auto auto non visual
    right <length> | <percentage> | auto auto non visual
    top <length> | <percentage> | auto auto non visual
    float left | right | none none non visual
    clear none | left | right | both none non visual
    position static | relative | absolute | fixed static non visual
    z-index auto | <integer> auto non visual

    Polices

    Propriétés Syntaxe Valeur intiale Hérité Media
    font [ [ <‘font-style’> || <font-variant-css21> || <‘font-weight’> || <‘font-stretch’> ]? <‘font-size’> [ / <‘line-height’> ]? <‘font-family’> ] | caption | icon | menu | message-box | small-caption | status-bar La concaténation des valeurs initiales des propriétés associées :
    • font-style: normal
    • font-variant: normal
    • font-weight: normal
    • font-stretch: normal
    • font-size: medium
    • line-height: normal
    • font-family: dépend de l'agent utilisateur
    oui visual
    font-family [ <family-name> | <generic-family> ]#
    <family-name> = <string> | <IDENT>+
    et <generic-name> = serif | sans-serif | cursive | fantasy | monospace
    dépend de l'agent utilisateur oui visual
    font-variant normal | small-caps normal oui visual
    font-weight normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 normal oui visual
    font-stretch normal | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded normal oui visual
    font-size <absolute-size> | <relative-size> | <length> | <percentage>
    <absolute-size> = xx-small | s-small | small | medium | large | x-large | xx-large
    et <relative-size> = larger | smaller
    medium oui visual
    line-height normal | <number> | <length> | <percentage> normal oui visual
    font-feature-settings normal | <feature-tag-value>#
    <feature-tag-value> = <string> [ <integer> | on | off ]?
    normal oui visual
    font-size-adjust none | auto | <number> none oui visual
    font-style normal | italic | oblique normal oui visual

    Images

    Propriétés Syntaxe Valeur initiale Hérité Media
    image-rendering auto | crisp-edges | pixelated auto oui visual
    image-orientation <angle> 0deg oui visual

    Listes et compteurs

    Propriété Syntaxe Valeur initiale Hérité Media
    counter-increment [<user-ident> <integer>?]+ | none none non all
    counter-reset [<user-ident> <integer>?]+ | none none non all
    list-style <'list-style-image'> || <'list-style-position'> || <'list-style-type'> La concaténation des valeurs initiales des propriétés associées :
    • list-style-image: none
    • list-style-position: outside
    • list-style-type: disc
    oui visual
    list-style-image <uri> | none none oui visual
    list-style-position inside | outside outside oui visual
    list-style-type disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none disc oui visual

    Page

    Propriété Syntaxe Valeur initiale Hérité Media
    orphans <integer> 2 oui visual, paged
    page-break-after auto | always | avoid | left | right auto non visual, paged
    page-break-before auto | always | avoid | left | right auto non visual, paged
    page-break-inside auto | avoid auto non visual, paged
    widows <integer> 2 oui visual, paged

    Interface utilisateur

    Propriété Syntaxe Valeur initiale Hérité Media
    outline <'outline-color'> || <'outline-width'> || <'outline-style'> La concaténation des valeurs initiales des propriétés associées :
    • outline-color: invert, pour les navigateurs le supportant, currentColor pour les autres
    • outline-width: medium
    • outline-style: none
    non visual, interactive
    outline-color <color> | invert invert, pour les navigateurs le supportant, currentColor pour les autres non visual, interactive
    outline-width <br-width> medium non visual, interactive
    outline-style <br-style> none non visual, interactive
    outline-offset <length> 0 non visual, interactive
    cursor [ [ <uri> [<x> <y>]?,]* [ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out ] ] auto oui visual, interactive
    resize none | both | horizontal | vertical none non visual
    text-overflow [ clip | ellipsis | <string> ]{1,2} clip non visual

    Contenu généré

    Propriétés Syntaxe Valeur initiale Hérité Media
    content normal | none | [ <string> | <uri> | <counter> | attr() | open-quote | close-quote | no-open-quote | no-close-quote ]+ normal non all
    quotes [<string> <string>]+ | none Spécifique à l'agent utilisateur oui visual

    Divers

    Propriétés Syntaxe Valeur initiale Hérité Media
    clip <shape> | auto
    <shape> = rect(<top>, <right>, <bottom>, <left>)
    auto non visual
    display none | inline | block | list-item | inline-block | inline-table | table | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group | flex | inline-flex | grid | inline-grid | run-in inline non all
    unicode-bidi normal | embed | isolate | bidi-override | isolate-override | plaintext normal non visual
    ime-mode auto | normal | active | inactive | disabled auto non interactive

     

     

    Étiquettes et contributeurs liés au document

    Étiquettes : 
    Contributors to this page: gudoy, tregagnon, teoli, GiulianT, Delapouite, FredB
    Dernière mise à jour par : gudoy,