Bug 276039 – Add default @page margin box content alignment to UA stylesheet

• Status: NEW
• Component: CSS

[Ahmad Saleem]

Hi Team,

While going through html.css changes in Blink, I came across following potential to do:

Web-Spec:  https://drafts.csswg.org/css-page-3/#margin-text-alignment

Blink Commit: https://source.chromium.org/chromium/chromium/src/+/f179d41d5d064d852f5415f89e757004ce8f14b7

Just raising so we can track it.

Thanks!

[Ahmad Saleem]

/* Pagination */

@media print {
  @page {
    /* https://drafts.csswg.org/css-page-3/#margin-text-alignment */
    @top-left-corner {
      text-align: right;
      vertical-align: middle;
    }
    @top-left {
      text-align: left;
      vertical-align: middle;
    }
    @top-center {
      text-align: center;
      vertical-align: middle;
    }
    @top-right {
      text-align: right;
      vertical-align: middle;
    }
    @top-right-corner {
      text-align: left;
      vertical-align: middle;
    }
    @right-top {
      text-align: center;
      vertical-align: top;
    }
    @right-middle {
      text-align: center;
      vertical-align: middle;
    }
    @right-bottom {
      text-align: center;
      vertical-align: bottom;
    }
    @bottom-right-corner {
      text-align: left;
      vertical-align: middle;
    }
    @bottom-right {
      text-align: right;
      vertical-align: middle;
    }
    @bottom-center {
      text-align: center;
      vertical-align: middle;
    }
    @bottom-left {
      text-align: left;
      vertical-align: middle;
    }
    @bottom-left-corner {
      text-align: right;
      vertical-align: middle;
    }
    @left-bottom {
      text-align: center;
      vertical-align: bottom;
    }
    @left-middle {
      text-align: center;
      vertical-align: middle;
    }
    @left-top {
      text-align: center;
      vertical-align: top;
    }
  }

  /* Allows table headers and footers to print at the top / bottom of each
     page. */
  thead { break-inside: avoid; }
  tfoot { break-inside: avoid; }
}

^ This was added (some old bits as well - which we might not need to add etc.).

[Karl Dubost]

Something to check in parallel with rdar://118937623

[Radar WebKit Bug Importer]

<rdar://problem/131240200>