width-special-values-block-intrinsic.html (1106B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>intrinsic widths for max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on blocks</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 7 </head> 8 <body> 9 10 <table border><tr><td> 11 <div style="width: max-content">AA B</div> 12 </td></tr></table> 13 14 <table border width="1"><tr><td> 15 <div style="width: max-content">AA B</div> 16 </td></tr></table> 17 18 <table border><tr><td> 19 <div style="width: min-content">AA B</div> 20 </td></tr></table> 21 22 <table border width="1"><tr><td> 23 <div style="width: min-content">AA B</div> 24 </td></tr></table> 25 26 <table border><tr><td> 27 <div style="width: -moz-fit-content">AA B</div> 28 </td></tr></table> 29 30 <table border width="1"><tr><td> 31 <div style="width: -moz-fit-content">AA B</div> 32 </td></tr></table> 33 34 <table border><tr><td> 35 <div style="width: -moz-available">AA B</div> 36 </td></tr></table> 37 38 <table border width="1"><tr><td> 39 <div style="width: -moz-available">AA B</div> 40 </td></tr></table> 41 42 </body> 43 </html>