Maison  >  Article  >  interface Web  >  Explication détaillée de l'utilisation et de la définition du CSS @page

Explication détaillée de l'utilisation et de la définition du CSS @page

黄舟
黄舟original
2017-07-08 09:29:1213636parcourir

Syntaxe :

page : auto | pagetype

Paramètres :

auto : Faire référence à la page par défaut actuelle
pagetype : Spécifier une définition de type de page (pagetype) dans la @page règle

Description :

Récupère ou précise le type de page (pagetype) utilisé lors de l'affichage du conteneur d'objets. Voir les règles de la @page.
La fonctionnalité de script correspondante est la page. Veuillez consulter les autres livres que j'ai écrits.

Exemple :

@page doublepage { size: 8.5in 11in; page-break-after: left }
body { page: doublepage; page-break-after: right }

Définissez la mise en page, la direction, la marge, etc. du conteneur de page.
Le conteneur de page comprend la zone de contenu de la page et la zone de marge entourant la zone de contenu.

Exemple :

@page thin:first { size: 3in 8in }

Vous pouvez l'essayer dans Dreamweaver pour des effets détaillés.

La règle @page sélectionne la zone de page. Dans celui-ci, les concepteurs peuvent spécifier la taille, la mise en page, l'orientation et les marges de chaque page. La zone de page est une zone rectangulaire, approximativement de la taille d'une page imprimée, qui contient la zone de page et les marges. La zone de page comprend le contenu à afficher. Le bord de la boîte sert de conteneur, et la mise en page se situe entre les sauts de page et les caractères. Contrairement aux autres zones, les zones de page n'ont pas de bordures ni de bords, seulement des marges.
La règle @page sélectionne chaque page du document. Vous pouvez utiliser l'un des attributs de page pseudo-classe suivants : first, :left ou :right pour spécifier différents attributs pour chaque classe de page.
Comme la règle @page ne connaît pas le contenu de la page contenant la police, elle ne peut pas comprendre les dimensions en em et ex. Toutes les autres unités de mesure (y compris les pourcentages) sont acceptables. Le pourcentage utilisé pour définir les marges est également un pourcentage du cadre total de la page. Les marges peuvent être négatives, plaçant le contenu en dehors de la zone normalement accessible aux applications ou aux imprimantes. Dans la plupart des cas, seules les informations contenues dans la zone visible ou imprimable sont conservées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn