Tests of intrinsic cell sizing wrt border/padding, and box-sizing.

box-sizing: content-box; border px; padding px.

0,0
0,0
0,0

box-sizing: border-box, border px, padding px.

0,0
0,0
0,0

box-sizing: border-box;padding: px, width px

  • td's intrinsic width must be >= border + padding
    • auto auto

    box-sizing: border-box; border px; padding %.

  • intrinsic size of % padding is 0.
  • final size of % padding is computed against table's width.
    0,0
    0,0
    300px caption
    0,0
    0,0

    Block percentage resolution of TD children + row fixed height during intrinsic pass

  • Chrome Legacy/Edge/Safari do not use row fixed height for percetage block size resolution.
  • FF uses row height as %ge resolution size.
  • Proposal: file an issue on what is the right thing to do.
    • y
    y