Startseite Erkunden Hilfe
Anmelden
khronosschoty
/
palemoon-dev
Beobachten 2
Favorit hinzufügen 1
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Struktur: ac60e7ecec
Branches Tags
palemoon-dev
/
platform
/
layout
/
reftests
/
box-properties
/
width-special-values-cell-auto.html

width-special-values-cell-auto.html 4.2 KB
Verlauf Originalformat

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en-US">
    3. 

  3. <head>
    4. 

  4.   <title>-moz-max-content, -moz-min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: auto</title>
    5. 

  5.   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    6. 

  6.   <meta http-equiv="Content-Style-Type" content="text/css">
    7. 

  7.   <style type="text/css">
    8. 

  8. 

  9.     body { font-size: 10px; line-height: 1; }
    10. 

  10. 

  11.     td td {
    12. 

  12.       border-left: 1px solid;
    13. 

  13.       padding-left: 2px;
    14. 

  14.       padding-right: 4px;
    15. 

  15.       border-right: 8px solid;
    16. 

  16. 

  17.       background: yellow;
    18. 

  18.     }
    19. 

  19. 

  20.   </style>
    21. 

  21. </head>
    22. 

  22. <body>
    23. 

  23. 

  24. <table border><tr>
    25. 

  25. <td>
    26. 

  26. <!-- width -->
    27. 

  27. <table border><tr><td style="width: -moz-max-content">A B</td></tr></table>
    28. 

  28. <table border width="1"><tr><td style="width: -moz-max-content">A B</td></tr></table>
    29. 

  29. <table border><tr><td style="width: -moz-min-content">A B</td></tr></table>
    30. 

  30. <table border width="1"><tr><td style="width: -moz-min-content">A B</td></tr></table>
    31. 

  31. <table border><tr><td style="width: -moz-fit-content">A B</td></tr></table>
    32. 

  32. <table border width="1"><tr><td style="width: -moz-fit-content">A B</td></tr></table>
    33. 

  33. <table border><tr><td style="width: -moz-available">A B</td></tr></table>
    34. 

  34. <table border width="1"><tr><td style="width: -moz-available">A B</td></tr></table>
    35. 

  35. 

  36. </td>
    37. 

  37. <td>
    38. 

  38. <!-- min-width -->
    39. 

  39. 

  40. <table border><tr><td style="min-width: -moz-max-content">A B</td></tr></table>
    41. 

  41. <table border width="1"><tr><td style="min-width: -moz-max-content">A B</td></tr></table>
    42. 

  42. <table border><tr><td style="min-width: -moz-min-content">A B</td></tr></table>
    43. 

  43. <table border width="1"><tr><td style="min-width: -moz-min-content">A B</td></tr></table>
    44. 

  44. <table border><tr><td style="min-width: -moz-fit-content">A B</td></tr></table>
    45. 

  45. <table border width="1"><tr><td style="min-width: -moz-fit-content">A B</td></tr></table>
    46. 

  46. <table border><tr><td style="min-width: -moz-available">A B</td></tr></table>
    47. 

  47. <table border width="1"><tr><td style="min-width: -moz-available">A B</td></tr></table>
    48. 

  48. 

  49. <table border><tr><td style="width: 1px; min-width: -moz-max-content">A B</td></tr></table>
    50. 

  50. <table border width="1"><tr><td style="width: 1px; min-width: -moz-max-content">A B</td></tr></table>
    51. 

  51. <table border><tr><td style="width: 1px; min-width: -moz-min-content">A B</td></tr></table>
    52. 

  52. <table border width="1"><tr><td style="width: 1px; min-width: -moz-min-content">A B</td></tr></table>
    53. 

  53. <table border><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td></tr></table>
    54. 

  54. <table border width="1"><tr><td style="width: 1px; min-width: -moz-fit-content">A B</td></tr></table>
    55. 

  55. <table border><tr><td style="width: 1px; min-width: -moz-available">A B</td></tr></table>
    56. 

  56. <table border width="1"><tr><td style="width: 1px; min-width: -moz-available">A B</td></tr></table>
    57. 

  57. 

  58. </td>
    59. 

  59. <td>
    60. 

  60. <!-- max-width -->
    61. 

  61. 

  62. <table border><tr><td style="max-width: -moz-max-content">A B</td></tr></table>
    63. 

  63. <table border width="1"><tr><td style="max-width: -moz-max-content">A B</td></tr></table>
    64. 

  64. <table border><tr><td style="max-width: -moz-min-content">A B</td></tr></table>
    65. 

  65. <table border width="1"><tr><td style="max-width: -moz-min-content">A B</td></tr></table>
    66. 

  66. <table border><tr><td style="max-width: -moz-fit-content">A B</td></tr></table>
    67. 

  67. <table border width="1"><tr><td style="max-width: -moz-fit-content">A B</td></tr></table>
    68. 

  68. <table border><tr><td style="max-width: -moz-available">A B</td></tr></table>
    69. 

  69. <table border width="1"><tr><td style="max-width: -moz-available">A B</td></tr></table>
    70. 

  70. 

  71. <table border><tr><td style="width: 150px; max-width: -moz-max-content">A B</td></tr></table>
    72. 

  72. <table border width="1"><tr><td style="width: 150px; max-width: -moz-max-content">A B</td></tr></table>
    73. 

  73. <table border><tr><td style="width: 150px; max-width: -moz-min-content">A B</td></tr></table>
    74. 

  74. <table border width="1"><tr><td style="width: 150px; max-width: -moz-min-content">A B</td></tr></table>
    75. 

  75. <table border><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td></tr></table>
    76. 

  76. <table border width="1"><tr><td style="width: 150px; max-width: -moz-fit-content">A B</td></tr></table>
    77. 

  77. <table border><tr><td style="width: 150px; max-width: -moz-available">A B</td></tr></table>
    78. 

  78. <table border width="1"><tr><td style="width: 150px; max-width: -moz-available">A B</td></tr></table>
    79. 

  79. 

  80. 

  81. </td>
    82. 

  82. </tr></table>
    83. 

  83. 

  84. 

  85. </body>
    86. 

  86. </html>
    87. 

  87.