Pseudo Mot de passe
fleche Inscription
fleche Mot de passe oublié ?
Les dernières pages de Cours et Dossiers ajoutées
Informations Générales
Chargement en cours...
Nombre de Visites fleche [ 1 355 553 ]
Votre IP fleche [ 38.107.179.242 ]
Vous êtes ici : Home Page Cours CSS Propriete background
Imprimer le document Version Imprimable

Informations Générales

[442] Posts sur le forum
[523] Membres inscrits
Il y a en ligne :
arrow 0 Membre
arrow 0 Invité
fled Membre en ligne:
Aucun

Partenariat

Partenariat Vous pouvez aider ce site à évoluer, en contribuant à son développement. Proposez vos idées de cours et/ou dossiers.
Rendez-vous dans « Partenariat » pour en savoir plus.

Publicité


Prestataire

N°1 de l'hébergement, location de serveurs, nom de domaines et téléphonie.
(OVH est recommandé par Webelix.net)

www.

Nos Partenaires

Alsacreations
Dreamseed
L'éditeur JavaScript
DicoDuNet
Noogle
Tutopla.net
Page précédente | Page suivante

La propriété Background

Cette propriété définit l'ensemble des caractéristiques précitées, c'est-à-dire dans l'ordre :
la couleur, l'image de fond, le mode de répétition, le défilement de l'image et son positionnement dans un bloc contenant.
Toutes les valeurs doivent être séparées par un espace blanc et aucun ordre est imposé.

Elle regroupe les différentes propriétés :

  1. background-color
  2. background-image
  3. background-repeat
  4. background-attachment
  5. background-position
background
Valeur none
Voir ci-dessous
(background-color) (background-image) (background-repeat)
(background-attachment) (background-position)
Type CSS 1
Compatibilité Compatible Internet Explorer 5+ Compatible Netscape 4+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut none
Domaine d'application Tous les éléments.
Héritage non
Media visuel

Valeur
possible		 Action Exemple
Couleur Une couleur s'applique dans le fond de l'élément. p {background: yellow}
Image,
Fixe,
Position		 L'élément se positionne par rapport à des valeurs fixes. body {background: url(image.gif) fixed left}
Couleur,
Image,
Répétition,
Défilement,
Position		 Au-dessu d'un fond de couleur, une image se répète horizontalement, défile avec le contenu et se positionne au centre. table {
background:
rgb(255, 255, 0)
url(../image.gif)
repeat-x
scroll
center
}
Image,
Défilement,
Répétition,
Position		 Une image se positionne en haut et au centre, ne défile pas et n'est pas répétée. p {
background:
50%
center
url(image.jpg)
fixed
no-repeat
}

Exemples

Une couleur s'applique dans le fond de l'élément.

cellule cellule cellule
cellule cellule cellule 
table {background: yellow}

Une image se positionne en haut et a gauche.

cellule cellule cellule
cellule cellule cellule 
table {background: url("image1.jpg") left top}

Une image se positionne en haut et a gauche, et se répète.

cellule cellule cellule
cellule cellule cellule 
table {background: url("image2.gif") repeat left top}

Une image se positionne en haut et a gauche, et se répète horizontalement, avec une couleur de fond jaune.

cellule cellule cellule
cellule cellule cellule 
table {background: yellow url("image2.gif") repeat-x left top}
Page précédente | Page suivante
Haut de page