Webelix.net :: CSS - Les propriétés min-Width et max-Width

Vous êtes ici : Home Page

Cours

CSS

Propriete min-width et max-width

Imprimer le document

Informations Générales

[442] Posts sur le forum

[523] Membres inscrits
Il y a en ligne :

0 Membre

1 Invité

Membre en ligne:
Aucun

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.

Prestataire

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

Nos Partenaires

Les propriétés min-Width et max-Width

Ces propriétés spécifient les largeurs maximum et minimum des boîtes.
De même que la propriété width, celle-ci n'accepte pas les valeurs négatives.

min-width
Valeur	inherit Longueur Pourcentage
Type	CSS 2
Compatibilité	7+ 7+ 4+ 3+ 9+
Valeur par défaut	0
Domaine d'application	Tous les éléments, sauf les tableaux et les éléments non-dimensionnables.
Héritage	non
Media	Visuel

max-width
Valeur	inherit Longueur Pourcentage
Type	CSS 2
Compatibilité	7+ 7+ 4+ 3+ 9+
Valeur par défaut	100%
Domaine d'application	Tous les éléments, sauf les tableaux et les éléments non-dimensionnables.
Héritage	non
Media	Visuel

Valeur possible	Action	Exemple
inherit	La largeur n'a pas de limite et dépend du navigateur.	input {max-width: inherit}
Longueur	Une valeur fixe spécifie la largeur maximum ou minimum d'un élément.	input {min-width: 5cm; max-width: 15cm}
Pourcentage	Une valeur relative spécifie la largeur maximum ou minimum d'un élément.	input {min-width: 10%; max-width: 30%}

Exemples

La largeur n'a pas de limite et dépend du navigateur.

input {max-width: inherit}

Une valeur fixe spécifie la largeur maximum ou minimum d'un élément.

input {min-width: 5cm; max-width: 15cm}

Une valeur relative spécifie la largeur maximum ou minimum d'un élément.

input {min-width: 10%; max-width: 30%}

Les dernières pages de Cours et Dossiers ajoutées

Informations Générales

Informations Générales

Partenariat

Prestataire

Nos Partenaires

Les propriétés min-Width et max-Width

Exemples