CSS @page κανόνας

Ορισμός και χρήση

CSS @σελίδα Η ρύθμιση χρησιμοποιείται για την προσαρμογή του μεγέθους, της κατεύθυνσης και του περιθωρίου της σελίδας εκτύπωσης.

Παράδειγμα

Προσαρμοσμένη σελίδα εκτύπωσης:

@σελίδα :πρώτη {
  περιθώριο-αριστερά: 40%;
  περιθώριο-άνω: 50%;
}
@σελίδα :αριστερά {
  περιθώριο-αριστερά: 10%;
  περιθώριο-άνω: 10%;
}
@σελίδα :δεξιά {
  περιθώριο-αριστερά: 90%;
  περιθώριο-άνω: 90%;
}

Δοκιμάστε το個人τικά

Γλωσσική γραμματική του CSS

@σελίδα {
  περιθώριο: αξία;
  προσανατολισμός σελίδας: αξία;
  μέγεθος: αξία;
}

Αξία του χαρακτηριστικού

Όρος Περιγραφή
περιθώριο Καθορίζει το περιθώριο της σελίδας.
προσανατολισμός σελίδας Καθορίζει την κατεύθυνση της σελίδας.
μέγεθος Καθορίζει το στόχο του περιεχομένου της σελίδας και την κατεύθυνση.

Υποστήριξη περιηγητή

Τα αριθμήματα στη γραμμή περιγράφουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την @ ρήξη.

At-rule Chrome Edge Firefox Safari Opera
@σελίδα 2 12 19 Όχι 6
@σελίδα: μέγεθος 15 79 95 Όχι 15
@σελίδα: προσανατολισμός σελίδας 85 85 Όχι Όχι 71
@σελίδα: @αριστερά-αριστερά 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@σελίδα: @αριστερά-άνω 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@σελίδα: @δεξιά-αριστερά 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@σελίδα: @δεξιά-άνω 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@σελίδα: @κεντρική-άνω 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@page: @bottom-left 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται
@page: @left-bottom 131 Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται Δεν υποστηρίζεται