Définir une page en A6
Résolu/Fermé
BOB_BOOKSON
Messages postés
17
Date d'inscription
samedi 26 juin 2021
Statut
Membre
Dernière intervention
22 août 2022
-
19 juil. 2021 à 10:25
BOB_BOOKSON Messages postés 17 Date d'inscription samedi 26 juin 2021 Statut Membre Dernière intervention 22 août 2022 - 14 août 2021 à 19:01
BOB_BOOKSON Messages postés 17 Date d'inscription samedi 26 juin 2021 Statut Membre Dernière intervention 22 août 2022 - 14 août 2021 à 19:01
A voir également:
- Définir une page en A6
- Supprimer une page word - Guide
- Définir google comme page d'accueil - Guide
- Traduire une page - Guide
- Créer une page facebook - Guide
- Imprimer tableau excel sur une page - Guide
2 réponses
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
19 juil. 2021 à 15:00
19 juil. 2021 à 15:00
Bonjour,
Tu peux utiliser le descripteur size associé à la règle @page :
https://developer.mozilla.org/fr/docs/Web/CSS/@page/size
Bonne journée,
Tu peux utiliser le descripteur size associé à la règle @page :
@media print {
html, body {
margin: 0;
padding: 0;
}
@page {
size: 105mm 148mm;
}
}
https://developer.mozilla.org/fr/docs/Web/CSS/@page/size
Bonne journée,
BOB_BOOKSON
Messages postés
17
Date d'inscription
samedi 26 juin 2021
Statut
Membre
Dernière intervention
22 août 2022
10 août 2021 à 17:58
10 août 2021 à 17:58
Merci pour la réponse, je ne suis pas trop fort en CSS en dehors de l'utilisation classique de quelques propriétés, mais qu'entez-vous par "le descripteur size associé à la règle @page" ?
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
525
11 août 2021 à 10:55
11 août 2021 à 10:55
Il existe des règles spéciales en css nommées at-rules (traduit règles @) qui permettent de donner des instructions sur le comportement de css : https://developer.mozilla.org/fr/docs/Web/CSS/At-rule
Un descripteur css ressemble à une propriété css, la différence est qu'un descripteur doit obligatoire être utilisé dans une at-rule. Dans l'exemple du mon premier message, "size" correspond à un descripteur css qui doit être utilisé uniquement dans la règle @page pour définir les dimensions du document imprimable. La propriété "size" n'existe pas en css et ne peut pas être utilisé sur un élément ciblé (contrairement aux autres propriétés css tel que color, border, etc...).
Un descripteur css ressemble à une propriété css, la différence est qu'un descripteur doit obligatoire être utilisé dans une at-rule. Dans l'exemple du mon premier message, "size" correspond à un descripteur css qui doit être utilisé uniquement dans la règle @page pour définir les dimensions du document imprimable. La propriété "size" n'existe pas en css et ne peut pas être utilisé sur un élément ciblé (contrairement aux autres propriétés css tel que color, border, etc...).
BOB_BOOKSON
Messages postés
17
Date d'inscription
samedi 26 juin 2021
Statut
Membre
Dernière intervention
22 août 2022
>
Pitet
Messages postés
2826
Date d'inscription
lundi 11 février 2013
Statut
Membre
Dernière intervention
21 juillet 2022
14 août 2021 à 19:01
14 août 2021 à 19:01
Encore une fois de plus, merci. Le lien est très utile et m'a aidé à comprendre et maintenant mon problème est résolu. J'ai pu définir la page au format de mon imprimante thermique (dont la taille n'est pas forcément au format A6) et exporter la page en pdf et tout marche plutôt bien (la page ne contient pas d'autre données que la facture). Le code CSS pour ce dont la chose intéresse:
@media print{
html, body {
margin: 0;
padding: 0;
width:78mm; height:148mm;}
@page {
size: 78mm 148mm;
}
#ma_facture{
font-size:12px;
margin:0px;
padding:0px;
width:78mm;
position: absolute;
left: 0;
top: 0;
}
}
@media print{
html, body {
margin: 0;
padding: 0;
width:78mm; height:148mm;}
@page {
size: 78mm 148mm;
}
#ma_facture{
font-size:12px;
margin:0px;
padding:0px;
width:78mm;
position: absolute;
left: 0;
top: 0;
}
}
13 août 2021 à 16:02