background-repeat

Hérité : non - Compatibilité :

IE 4,5,6,7 - CSS 1

Classement alphabétique :

!important
-moz-border-radius...
-moz-border-radius
-moz-opacity
azimuth
background-attachment
background-color
background-image
background-position...
background-position
background-repeat
background
behavior
border-bottom-color
border-bottom-style
border-bottom-width
border-bottom
border-collapse
border-color
border-spacing
border-style
border-width
border
bottom
caption-side
clear
clip
color
content
counter-increment
cue-after
cue
cursor
direction
display
elevation
empty-cells
filter (new style)
filter (old style)
float
font-family
font-size-adjust
font-size
font-stretch
font-style
font-variant
font-weight
font
height
ime-mode
layer-background-color
layout-flow
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
layout-grid
left
letter-spacing
line-break
line-height
list-style-image
list-style-position
list-style-type
list-style
margin-bottom
margin
marker-offset
marks
max-height
max-width
opacity
orphans
outline-color
outline-style
outline-width
outline
overflow-x
overflow
padding-bottom
padding
page-break-after
page-break-inside
page
pause-after
pause
pitch-range
pitch
play-during
position
quotes
richness
right
ruby-align
ruby-overhang
ruby-position
scrollbar-3dlight-color
size
speak-header
speak-numeral
speak-punctuation
speak
speech-rate
stress
table-layout
text-align-last
text-align
text-autospace
text-decoration
text-indent
text-justify
text-kashida-space
text-overflow
text-shadow
text-transform
text-underline-position
top
unicode-bidi
vertical-align
visibility
voice-family
volume
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode
z-index
zoom

Indique la nécessité ou non de répéter l'image d'arrière-plan (spécifiée à l'aide de la propriété background-image) et, le cas échéant, les axes de répétition. Vous pouvez utiliser la fonction de répétition d'images d'arrière-plan pour créer des bandes horizontales et verticales.

Syntaxe CSS

background-repeat: no-repeat | repeat | repeat-x | repeat-y

Valeur(s) possible(s) pour cette propriété :

Avec la valeur no-repeat, une instance de l'image apparaît dans l'élément à l'emplacement défini par la propriété background-position (par défaut, dans l'angle supérieur gauche). Les répétitions normales se produisent le long des deux axes, mais une image peut être répétée sur une seule ligne (repeat-x) ou une seule colonne (repeat-y) .

Valeur initiale

repeat

Exemple

body {background-image: url(icon.gif); background-repeat: repeat-y}

S'applique à

Tous les éléments.

Javascript

[window.]document .getElementById("elementID") .style .backgroundRepeat

background (pour définir en une seule fois tout ce qui se rattache au fond)
background-attachment (précise si le fond défile avec le contenu ou non)
background-image (définit l'image placée en fond de bloc)
background-position (définit la position de l'image de fond)
background-position-x (définit la position horizontale de l'image de fond)
background-position-y (définit la position verticale de l'image de fond)
background-repeat (précise si l'image doit être répétée ou non)
background-color (définit une couleur de fond pour un élément)
layer-background-image (Image d'arrière plan et de la bordure dans Netscape Navigator)
layer-background-color (Couleur d'arrière plan et de la bordure dans Netscape Navigator)

et pour des indications générales sur l'utilisation de ces propriétés :
Pompage ou MammouthLand

Ce site vous a plu ? Visitez aussi : et

Cette page est inspirée d'un texte anglophone extrait du livre HTML - Definitive Reference.
L'adaptation de ce texte a été réalisée par css-faciles.
Son contenu peut être recopié sous la condition express de faire figurer la présente mention
(y compris les 2 liens ci-dessus) dans le contenu copié.

Pour plus de détail sur ce copyright,
consultez notre page consacrée aux droits de copie.