PRATIQUE CLIENTS WEB 
Les valeurs possibles des propriétés de saut de page
 
"Concernant l'utilisation de CSS pour l'impression d'une page Web, j'aimerais savoir s'il est possible de détecter automatiquement quand il faut passer à la page suivante." (07/11/2005)
Dans la cadre d'un Web plus accessible, CSS se pose en maître de cérémonie tant pour l'affichage des informations à l'écran que pour leur mise en page sur la feuille imprimée (et d'autres aspects encore).

Nous avions déjà parlé des propriétés page-break-before et page-break-after, qui avec la propriété "always" autorisent le développeur à spécifier précisément les éléments qui doivent se trouver obligatoire au début ou en fin de feuille (lire l'article du 07/03/05).

Ces propriétés disposent de plus d'un attribut, pour que le développeur puisse précisément placer ses éléments. Les voici :


page-before-break et page-after-break
Valeur
Description
auto
Insère un saut de page avant/aprèsl'élément désigné, si ce saut est nécessaire
always
Insère un saut de page avant/après l'élément désigné
avoid
Évite d'insérer un élément de page avant/après cet élément
left
Insère un saut de page avant/après l'élément désigné, de manière à ce que la page suivante soit mise en forme comme une page de gauche
right
Insère un saut de page avant/après l'élément désigné, de manière à ce que la page suivante soit mise en forme comme une page de droite


Les meilleures astuces CSS sur le JDN :
- Comment appliquer les CSS d'une page web au contenu d'une iframe ?
- Comment centrer horizontalement une DIV dans une autre en CSS ?
- Comment créer un arrière-plan (backgroud) CSS extensible et adaptable ?
- Comment définir les cellpadding et cellspacing en CSS ?
- Comment modifier l'image d'un bouton input en CSS ?
- Comment rendre l'arrière-plan d'un élément semi-transparent en conservant le texte de cet élément opaque en CSS ?
- Internet Explorer supporte-t-il l'attribut CSS border-radius
 
Xavier Borderie, JDN Développeurs
 
 
Accueil | Haut de page