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 557 ]
Votre IP fleche [ 38.107.179.240 ]
Vous êtes ici : Home Page Cours CSS Propriete size
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 1 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é Size

Cette propriété spécifie la taille et l'orientation d'une boîte de page.

size
Valeur auto
Taille Taille
portrait
landscape
Type CSS 2
Compatibilité Compatible Internet Explorer 6+ Compatible Netscape 7+ Compatible Firefox 4+ Compatible Safari 3+ Compatible Opera 9+
Valeur par défaut auto
Domaine d'application Le contexte de la page
Héritage non
Media Visuel

Valeur
possible		 Action Exemple
auto La boîte de la page sera mise aux dimensions et à l'orientation de la feuille cible. @Page {size: auto}
Largeur Hauteur Les valeurs spécifient dans l'ordre une largeur et une hauteur. @Page {size: 19cm 27cm}
portrait Lors de l'impression, la page sera orientée verticalement. @Page {size: portrait}
landscape Lors de l'impression, la page sera orientée horizontalement. @Page {size: landscape}

Exemples

Ces exemples montrent le dimensionnement et l'orientation d'une page Web au format A4 ainsi que la définition des marges autour du document.
En fait, les pages ci-dessous sont le résultat de l'impression sur papier et non un affichage sur un écran d'ordinateur.
Dans ces deux exemples, la propriété Marks a été utilisée afin de spécifier une zone d'impression plus large que la taille de la feuille initiale pour la seconde et dans l'autre cas la zone d'impression sera celle par défaut.

Exemple avec "size: portrait".

@page {
	size: 210mm 297mm portrait; 
	margin: 2cm;
	marks: none;
}

Exemple avec "size: landscape".

@page {
	size: 210mm 297mm landscape; 
	margin: 20mm;
	marks: crop cross;
}
Page précédente | Page suivante
Haut de page