Changeset 119316 in webkit


Ignore:
Timestamp:
Jun 2, 2012 1:15:04 AM (12 years ago)
Author:
tony@chromium.org
Message:

Rename the flexbox CSS propery values from start to flex-start and end to flex-end
​https://bugs.webkit.org/show_bug.cgi?id=88152

Reviewed by Ojan Vafai.

Source/WebCore:

The spec changed. This is to differentiate from start/end which will
depend on writing mode direction, rather than flex direction.

No new tests, just updated the existing values.

  • css/CSSParser.cpp:

(WebCore::isValidKeywordPropertyAndValue):

  • css/CSSPrimitiveValueMappings.h:

(WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
(WebCore::CSSPrimitiveValue::operator EAlignItems):
(WebCore::CSSPrimitiveValue::operator EJustifyContent):
(WebCore::CSSPrimitiveValue::operator EAlignContent):

  • css/CSSValueKeywords.in:
  • rendering/RenderFlexibleBox.cpp:

(WebCore::initialJustifyContentOffset):
(WebCore::alignmentForChild):
(WebCore::initialAlignContentOffset):
(WebCore::RenderFlexibleBox::alignFlexLines):
(WebCore::RenderFlexibleBox::alignChildren):

  • rendering/style/RenderStyle.h:
  • rendering/style/RenderStyleConstants.h:

LayoutTests:

Rename start to flex-start and end to flex-end.

  • css3/flexbox/css-properties-expected.txt:
  • css3/flexbox/css-properties.html:
  • css3/flexbox/flex-align-column.html:
  • css3/flexbox/flex-align-end.html:
  • css3/flexbox/flex-align-vertical-writing-mode.html:
  • css3/flexbox/flex-align.html:
  • css3/flexbox/flex-pack.html:
  • css3/flexbox/line-wrapping.html:
  • css3/flexbox/multiline-align.html:
  • css3/flexbox/multiline-column-auto.html:
  • css3/flexbox/multiline-line-pack-horizontal-column-expected.txt:
  • css3/flexbox/multiline-line-pack-horizontal-column.html:
  • css3/flexbox/multiline-line-pack.html:
  • css3/flexbox/multiline-pack-expected.txt:
  • css3/flexbox/multiline-pack.html:
  • css3/flexbox/multiline-reverse-wrap-baseline.html:
  • css3/flexbox/multiline-reverse-wrap-overflow.html:
  • css3/flexbox/multiline-shrink-to-fit.html:
  • css3/flexbox/multiline.html:
  • css3/flexbox/nested-stretch.html:
  • css3/flexbox/orthogonal-flex-directions.html:
  • platform/chromium-linux-x86/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-linux/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-mac-leopard/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-mac-snowleopard/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-mac/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-win-vista/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-win-xp/svg/css/getComputedStyle-basic-expected.txt:
  • platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt:
  • platform/gtk/svg/css/getComputedStyle-basic-expected.txt:
  • platform/mac/svg/css/getComputedStyle-basic-expected.txt:
  • platform/qt/svg/css/getComputedStyle-basic-expected.txt:
  • svg/css/getComputedStyle-basic-expected.txt:
Location:
trunk
Files:
55 edited

Legend:

Unmodified
Added
Removed

  • trunk/LayoutTests/ChangeLog

    r119312 r119316  
     12012-06-02  Tony Chang  <tony@chromium.org>
     2
     3        Rename the flexbox CSS propery values from start to flex-start and end to flex-end
     4        https://bugs.webkit.org/show_bug.cgi?id=88152
     5
     6        Reviewed by Ojan Vafai.
     7
     8        Rename start to flex-start and end to flex-end.
     9
     10        * css3/flexbox/css-properties-expected.txt:
     11        * css3/flexbox/css-properties.html:
     12        * css3/flexbox/flex-align-column.html:
     13        * css3/flexbox/flex-align-end.html:
     14        * css3/flexbox/flex-align-vertical-writing-mode.html:
     15        * css3/flexbox/flex-align.html:
     16        * css3/flexbox/flex-pack.html:
     17        * css3/flexbox/line-wrapping.html:
     18        * css3/flexbox/multiline-align.html:
     19        * css3/flexbox/multiline-column-auto.html:
     20        * css3/flexbox/multiline-line-pack-horizontal-column-expected.txt:
     21        * css3/flexbox/multiline-line-pack-horizontal-column.html:
     22        * css3/flexbox/multiline-line-pack.html:
     23        * css3/flexbox/multiline-pack-expected.txt:
     24        * css3/flexbox/multiline-pack.html:
     25        * css3/flexbox/multiline-reverse-wrap-baseline.html:
     26        * css3/flexbox/multiline-reverse-wrap-overflow.html:
     27        * css3/flexbox/multiline-shrink-to-fit.html:
     28        * css3/flexbox/multiline.html:
     29        * css3/flexbox/nested-stretch.html:
     30        * css3/flexbox/orthogonal-flex-directions.html:
     31        * platform/chromium-linux-x86/svg/css/getComputedStyle-basic-expected.txt:
     32        * platform/chromium-linux/svg/css/getComputedStyle-basic-expected.txt:
     33        * platform/chromium-mac-leopard/svg/css/getComputedStyle-basic-expected.txt:
     34        * platform/chromium-mac-snowleopard/svg/css/getComputedStyle-basic-expected.txt:
     35        * platform/chromium-mac/svg/css/getComputedStyle-basic-expected.txt:
     36        * platform/chromium-win-vista/svg/css/getComputedStyle-basic-expected.txt:
     37        * platform/chromium-win-xp/svg/css/getComputedStyle-basic-expected.txt:
     38        * platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt:
     39        * platform/gtk/svg/css/getComputedStyle-basic-expected.txt:
     40        * platform/mac/svg/css/getComputedStyle-basic-expected.txt:
     41        * platform/qt/svg/css/getComputedStyle-basic-expected.txt:
     42        * svg/css/getComputedStyle-basic-expected.txt:
     43
    1442012-06-01  Ryosuke Niwa  <rniwa@webkit.org>
    245

  • trunk/LayoutTests/css3/flexbox/css-properties-expected.txt

    r119298 r119316  
    1717PASS flexitem.style.webkitOrder is ""
    1818PASS flexbox.style.webkitJustifyContent is ""
    19 PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "start"
     19PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "flex-start"
    2020PASS flexbox.style.webkitJustifyContent is ""
    21 PASS flexbox.style.webkitJustifyContent is "start"
    22 PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "start"
    23 PASS flexbox.style.webkitJustifyContent is "end"
    24 PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "end"
     21PASS flexbox.style.webkitJustifyContent is "flex-start"
     22PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "flex-start"
     23PASS flexbox.style.webkitJustifyContent is "flex-end"
     24PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "flex-end"
    2525PASS flexbox.style.webkitJustifyContent is "center"
    2626PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "center"
    … …  
    2828PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "space-between"
    2929PASS flexbox.style.webkitJustifyContent is ""
    30 PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "start"
     30PASS window.getComputedStyle(flexbox, null).webkitJustifyContent is "flex-start"
    3131PASS flexbox.style.webkitAlignSelf is ""
    3232PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "stretch"
    … …  
    3535PASS flexbox.style.webkitAlignSelf is "auto"
    3636PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "stretch"
    37 PASS flexbox.style.webkitAlignSelf is "start"
    38 PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "start"
    39 PASS flexbox.style.webkitAlignSelf is "end"
    40 PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "end"
     37PASS flexbox.style.webkitAlignSelf is "flex-start"
     38PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "flex-start"
     39PASS flexbox.style.webkitAlignSelf is "flex-end"
     40PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "flex-end"
    4141PASS flexbox.style.webkitAlignSelf is "center"
    4242PASS window.getComputedStyle(flexbox, null).webkitAlignSelf is "center"
    … …  
    5454PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "stretch"
    5555PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is "stretch"
    56 PASS flexbox.style.webkitAlignItems is "start"
    57 PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "start"
    58 PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is "start"
    59 PASS flexbox.style.webkitAlignItems is "end"
    60 PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "end"
    61 PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is "end"
     56PASS flexbox.style.webkitAlignItems is "flex-start"
     57PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "flex-start"
     58PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is "flex-start"
     59PASS flexbox.style.webkitAlignItems is "flex-end"
     60PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "flex-end"
     61PASS window.getComputedStyle(flexitem, null).webkitAlignSelf is "flex-end"
    6262PASS flexbox.style.webkitAlignItems is "center"
    6363PASS window.getComputedStyle(flexbox, null).webkitAlignItems is "center"
    … …  
    193193PASS flexbox.style.webkitAlignContent is ""
    194194PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "stretch"
    195 PASS flexbox.style.webkitAlignContent is "start"
    196 PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "start"
    197 PASS flexbox.style.webkitAlignContent is "end"
    198 PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "end"
     195PASS flexbox.style.webkitAlignContent is "flex-start"
     196PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "flex-start"
     197PASS flexbox.style.webkitAlignContent is "flex-end"
     198PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "flex-end"
    199199PASS flexbox.style.webkitAlignContent is "center"
    200200PASS window.getComputedStyle(flexbox, null).webkitAlignContent is "center"

  • trunk/LayoutTests/css3/flexbox/css-properties.html

    r119298 r119316  
    5353
    5454shouldBeEqualToString('flexbox.style.webkitJustifyContent', '');
    55 // The initial value is 'start'.
    56 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'start');
     55// The initial value is 'flex-start'.
     56shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'flex-start');
    5757
    5858flexbox.style.webkitJustifyContent = 'foo';
    5959shouldBeEqualToString('flexbox.style.webkitJustifyContent', '');
    6060
    61 flexbox.style.webkitJustifyContent = 'start';
    62 shouldBeEqualToString('flexbox.style.webkitJustifyContent', 'start');
    63 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'start');
    64 
    65 flexbox.style.webkitJustifyContent = 'end';
    66 shouldBeEqualToString('flexbox.style.webkitJustifyContent', 'end');
    67 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'end');
     61flexbox.style.webkitJustifyContent = 'flex-start';
     62shouldBeEqualToString('flexbox.style.webkitJustifyContent', 'flex-start');
     63shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'flex-start');
     64
     65flexbox.style.webkitJustifyContent = 'flex-end';
     66shouldBeEqualToString('flexbox.style.webkitJustifyContent', 'flex-end');
     67shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'flex-end');
    6868
    6969flexbox.style.webkitJustifyContent = 'center';
    … …  
    7777flexbox.style.webkitJustifyContent = '';
    7878shouldBeEqualToString('flexbox.style.webkitJustifyContent', '');
    79 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'start');
     79shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitJustifyContent', 'flex-start');
    8080
    8181
    … …  
    9292shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'stretch');
    9393
    94 flexbox.style.webkitAlignSelf = 'start';
    95 shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'start');
    96 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'start');
    97 
    98 flexbox.style.webkitAlignSelf = 'end';
    99 shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'end');
    100 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'end');
     94flexbox.style.webkitAlignSelf = 'flex-start';
     95shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'flex-start');
     96shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'flex-start');
     97
     98flexbox.style.webkitAlignSelf = 'flex-end';
     99shouldBeEqualToString('flexbox.style.webkitAlignSelf', 'flex-end');
     100shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignSelf', 'flex-end');
    101101
    102102flexbox.style.webkitAlignSelf = 'center';
    … …  
    129129shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'stretch');
    130130
    131 flexbox.style.webkitAlignItems = 'start';
    132 shouldBeEqualToString('flexbox.style.webkitAlignItems', 'start');
    133 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'start');
    134 shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'start');
    135 
    136 flexbox.style.webkitAlignItems = 'end';
    137 shouldBeEqualToString('flexbox.style.webkitAlignItems', 'end');
    138 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'end');
    139 shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'end');
     131flexbox.style.webkitAlignItems = 'flex-start';
     132shouldBeEqualToString('flexbox.style.webkitAlignItems', 'flex-start');
     133shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'flex-start');
     134shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'flex-start');
     135
     136flexbox.style.webkitAlignItems = 'flex-end';
     137shouldBeEqualToString('flexbox.style.webkitAlignItems', 'flex-end');
     138shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignItems', 'flex-end');
     139shouldBeEqualToString('window.getComputedStyle(flexitem, null).webkitAlignSelf', 'flex-end');
    140140
    141141flexbox.style.webkitAlignItems = 'center';
    … …  
    265265shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignContent', 'stretch');
    266266
    267 flexbox.style.webkitAlignContent = 'start';
    268 shouldBeEqualToString('flexbox.style.webkitAlignContent', 'start');
    269 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignContent', 'start');
    270 
    271 flexbox.style.webkitAlignContent = 'end';
    272 shouldBeEqualToString('flexbox.style.webkitAlignContent', 'end');
    273 shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignContent', 'end');
     267flexbox.style.webkitAlignContent = 'flex-start';
     268shouldBeEqualToString('flexbox.style.webkitAlignContent', 'flex-start');
     269shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignContent', 'flex-start');
     270
     271flexbox.style.webkitAlignContent = 'flex-end';
     272shouldBeEqualToString('flexbox.style.webkitAlignContent', 'flex-end');
     273shouldBeEqualToString('window.getComputedStyle(flexbox, null).webkitAlignContent', 'flex-end');
    274274
    275275flexbox.style.webkitAlignContent = 'center';

  • trunk/LayoutTests/css3/flexbox/flex-align-column.html

    r119131 r119316  
    4848    <div data-offset-x=0 data-expected-width=600 data-expected-height=40 style="-webkit-flex: 1;"></div>
    4949    <div data-offset-x=0 data-expected-width=600 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: stretch; "></div>
    50     <div data-offset-x=0 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: start; width: 20px;"></div>
    51     <div data-offset-x=580 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: end; width: 20px;"></div>
     50    <div data-offset-x=0 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: flex-start; width: 20px;"></div>
     51    <div data-offset-x=580 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: flex-end; width: 20px;"></div>
    5252    <div data-offset-x=290 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: center; width: 20px;"></div>
    5353    <div data-offset-x=0 data-expected-width=20 data-expected-height=40 style="-webkit-flex: 1; -webkit-align-self: baseline; width: 20px;"></div>
    … …  
    5757    <div data-offset-y=0 data-expected-width=100 data-expected-height=240 style="-webkit-flex: 1;"></div>
    5858    <div data-offset-y=0 data-expected-width=100 data-expected-height=240 style="-webkit-flex: 1; -webkit-align-self: stretch; "></div>
    59     <div data-offset-y=0 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: start; height: 20px;"></div>
    60     <div data-offset-y=220 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: end; height: 20px;"></div>
     59    <div data-offset-y=0 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: flex-start; height: 20px;"></div>
     60    <div data-offset-y=220 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: flex-end; height: 20px;"></div>
    6161    <div data-offset-y=110 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: center; height: 20px;"></div>
    6262    <div data-offset-y=0 data-expected-width=100 data-expected-height=20 style="-webkit-flex: 1; -webkit-align-self: baseline; height: 20px;"></div>

  • trunk/LayoutTests/css3/flexbox/flex-align-end.html

    r119191 r119316  
    108108
    109109            var container = document.createElement('div');
    110             container.innerHTML = '<div class="flexbox ' + flexboxClassName + '" style="-webkit-align-items: end;">\n' +
     110            container.innerHTML = '<div class="flexbox ' + flexboxClassName + '" style="-webkit-align-items: flex-end;">\n' +
    111111                '<div ' + positionAsString(expectations[writingMode][flexFlow][direction]) + '></div><div></div>\n' +
    112112            '</div>';

  • trunk/LayoutTests/css3/flexbox/flex-align-vertical-writing-mode.html

    r119131 r119316  
    9292
    9393<div class="flexbox">
    94   <div data-expected-width="0" data-offset-x="100" style="-webkit-flex: 1 0 0; -webkit-align-self: start;"></div>
    95   <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px;"></div>
    96   <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; margin: 0 auto"></div>
    97   <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; margin: 0 auto 0 0"></div>
    98   <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; margin: 0 0 0 auto"></div>
    99   <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; margin: 0 25px"></div>
    100   <div data-expected-width="50" data-offset-x="30" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; margin: 0 20px 0 10px;"></div>
    101   <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0; width: 100px;"></div>
    102 </div>
    103 
    104 <div class="flexbox">
    105   <div data-expected-width="0" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end;"></div>
    106   <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px;"></div>
    107   <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; margin: 0 auto"></div>
    108   <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; margin: 0 auto 0 0"></div>
    109   <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; margin: 0 0 0 auto"></div>
    110   <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; margin: 0 25px"></div>
    111   <div data-expected-width="50" data-offset-x="10" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; margin: 0 20px 0 10px;"></div>
     94  <div data-expected-width="0" data-offset-x="100" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start;"></div>
     95  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px;"></div>
     96  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; margin: 0 auto"></div>
     97  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; margin: 0 auto 0 0"></div>
     98  <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; margin: 0 0 0 auto"></div>
     99  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; margin: 0 25px"></div>
     100  <div data-expected-width="50" data-offset-x="30" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; margin: 0 20px 0 10px;"></div>
     101  <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0; width: 100px;"></div>
     102</div>
     103
     104<div class="flexbox">
     105  <div data-expected-width="0" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end;"></div>
     106  <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px;"></div>
     107  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; margin: 0 auto"></div>
     108  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; margin: 0 auto 0 0"></div>
     109  <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; margin: 0 0 0 auto"></div>
     110  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; margin: 0 25px"></div>
     111  <div data-expected-width="50" data-offset-x="10" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; margin: 0 20px 0 10px;"></div>
    112112  <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0; width: 100px;"></div>
    113113</div>
    … …  
    125125
    126126<div class="flexbox">
    127   <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px;"></div>
     127  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px;"></div>
    128128  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: center; width: 50px;"></div>
    129   <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px;"></div>
     129  <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px;"></div>
    130130  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; width: 50px; margin: auto 0"></div>
    131131  <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0;"></div>
    … …  
    134134
    135135<div class="flexbox">
    136   <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: start; width: 50px; -webkit-writing-mode: horizontal-tb;"></div>
     136  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; width: 50px; -webkit-writing-mode: horizontal-tb;"></div>
    137137  <div data-expected-width="50" data-offset-x="25" style="-webkit-flex: 1 0 0; -webkit-align-self: center; width: 50px; -webkit-writing-mode: horizontal-tb;"></div>
    138   <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end; width: 50px; -webkit-writing-mode: horizontal-tb;"></div>
     138  <div data-expected-width="50" data-offset-x="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; width: 50px; -webkit-writing-mode: horizontal-tb;"></div>
    139139  <div data-expected-width="50" data-offset-x="50" style="-webkit-flex: 1 0 0; width: 50px; margin: auto 0; -webkit-writing-mode: horizontal-tb;"></div>
    140140  <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0; width: 100px; -webkit-writing-mode: horizontal-tb;"></div>

  • trunk/LayoutTests/css3/flexbox/flex-align.html

    r119131 r119316  
    7878</div>
    7979
    80 <div class="flexbox" style="-webkit-align-items: start">
     80<div class="flexbox" style="-webkit-align-items: flex-start">
    8181    <div data-expected-height="0" data-offset-y="0" style="-webkit-flex: 1 0 0;"></div>
    8282    <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 100px;"></div>
    8383</div>
    8484
    85 <div class="flexbox" style="-webkit-align-items: end">
     85<div class="flexbox" style="-webkit-align-items: flex-end">
    8686    <div data-expected-height="0" data-offset-y="100" style="-webkit-flex: 1 0 0;"></div>
    8787    <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 100px;"></div>
    … …  
    103103</div>
    104104
    105 <div class="flexbox" style="-webkit-align-items: start">
     105<div class="flexbox" style="-webkit-align-items: flex-start">
    106106    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0; height: 100px;"></div>
    107107    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0;"></div>
    108     <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0;"></div>
    109     <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: end; -webkit-flex: 1 0 0;"></div>
     108    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0;"></div>
     109    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: flex-end; -webkit-flex: 1 0 0;"></div>
    110110    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: center; -webkit-flex: 1 0 0;"></div>
    111111    <div data-offset-y="20" style="-webkit-align-self: baseline; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    … …  
    117117</div>
    118118
    119 <div class="flexbox" style="-webkit-align-items: end">
     119<div class="flexbox" style="-webkit-align-items: flex-end">
    120120    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0; height: 100px;"></div>
    121121    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: auto; -webkit-flex: 1 0 0;"></div>
    122     <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0;"></div>
    123     <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: end; -webkit-flex: 1 0 0;"></div>
     122    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0;"></div>
     123    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: flex-end; -webkit-flex: 1 0 0;"></div>
    124124    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: center; -webkit-flex: 1 0 0;"></div>
    125125    <div data-offset-y="20" style="-webkit-align-self: baseline; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    … …  
    131131    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0; height: 100px;"></div>
    132132    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: auto; -webkit-flex: 1 0 0;"></div>
    133     <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0;"></div>
    134     <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: end; -webkit-flex: 1 0 0;"></div>
     133    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0;"></div>
     134    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: flex-end; -webkit-flex: 1 0 0;"></div>
    135135    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: center; -webkit-flex: 1 0 0;"></div>
    136136    <div data-offset-y="20" style="-webkit-align-self: baseline; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    … …  
    140140
    141141<div class="flexbox" style="-webkit-align-items: baseline">
    142     <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0; height: 100px;"></div>
     142    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0; height: 100px;"></div>
    143143    <div data-offset-y="20" style="-webkit-align-self: auto; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    144     <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0;"></div>
    145     <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: end; -webkit-flex: 1 0 0;"></div>
     144    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0;"></div>
     145    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: flex-end; -webkit-flex: 1 0 0;"></div>
    146146    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: center; -webkit-flex: 1 0 0;"></div>
    147147    <div data-offset-y="20" style="-webkit-align-self: baseline; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    … …  
    153153    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0; height: 100px;"></div>
    154154    <div data-expected-height="100" data-offset-y="0" style="-webkit-align-self: auto; -webkit-flex: 1 0 0;"></div>
    155     <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: start; -webkit-flex: 1 0 0;"></div>
    156     <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: end; -webkit-flex: 1 0 0;"></div>
     155    <div data-expected-height="0" data-offset-y="0" style="-webkit-align-self: flex-start; -webkit-flex: 1 0 0;"></div>
     156    <div data-expected-height="0" data-offset-y="100" style="-webkit-align-self: flex-end; -webkit-flex: 1 0 0;"></div>
    157157    <div data-expected-height="0" data-offset-y="50" style="-webkit-align-self: center; -webkit-flex: 1 0 0;"></div>
    158158    <div data-offset-y="20" style="-webkit-align-self: baseline; -webkit-flex: 1 0 0;"><div style="display:inline-block;"></div></div>
    … …  
    184184
    185185<div class="flexbox">
    186   <div data-expected-height="0" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start;"></div>
    187   <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px;"></div>
    188   <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; margin: auto 0"></div>
    189   <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; margin: auto 0 0"></div>
    190   <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; margin: 0 0 auto"></div>
    191   <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; margin: 25px 0"></div>
    192   <div data-expected-height="50" data-offset-y="20" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; margin: 20px 0 10px;"></div>
    193   <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 100px;"></div>
    194 </div>
    195 
    196 <div class="flexbox">
    197   <div data-expected-height="0" data-offset-y="100" style="-webkit-flex: 1 0 0; -webkit-align-self: end;"></div>
    198   <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px;"></div>
    199   <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; margin: auto 0"></div>
    200   <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; margin: auto 0 0"></div>
    201   <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; margin: 0 0 auto"></div>
    202   <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; margin: 25px 0"></div>
    203   <div data-expected-height="50" data-offset-y="40" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; margin: 20px 0 10px;"></div>
     186  <div data-expected-height="0" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start;"></div>
     187  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px;"></div>
     188  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; margin: auto 0"></div>
     189  <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; margin: auto 0 0"></div>
     190  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; margin: 0 0 auto"></div>
     191  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; margin: 25px 0"></div>
     192  <div data-expected-height="50" data-offset-y="20" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; margin: 20px 0 10px;"></div>
     193  <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 100px;"></div>
     194</div>
     195
     196<div class="flexbox">
     197  <div data-expected-height="0" data-offset-y="100" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end;"></div>
     198  <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px;"></div>
     199  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; margin: auto 0"></div>
     200  <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; margin: auto 0 0"></div>
     201  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; margin: 0 0 auto"></div>
     202  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; margin: 25px 0"></div>
     203  <div data-expected-height="50" data-offset-y="40" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; margin: 20px 0 10px;"></div>
    204204  <div data-expected-height="100" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 100px;"></div>
    205205</div>
    … …  
    218218
    219219<div class="flexbox">
    220   <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
     220  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
    221221  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: center; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
    222   <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
     222  <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
    223223  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 50px; -webkit-writing-mode: vertical-rl;"></div>
    224224  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; height: 50px; margin: auto 0; -webkit-writing-mode: vertical-rl;"></div>
    … …  
    227227
    228228<div class="flexbox">
    229   <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: start; height: 50px;"></div>
     229  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-start; height: 50px;"></div>
    230230  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; -webkit-align-self: center; height: 50px;"></div>
    231   <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 50px;"></div>
     231  <div data-expected-height="50" data-offset-y="50" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 50px;"></div>
    232232  <div data-expected-height="50" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 50px;"></div>
    233233  <div data-expected-height="50" data-offset-y="25" style="-webkit-flex: 1 0 0; height: 50px; margin: auto 0"></div>
    … …  
    246246<div class="flexbox" style="max-height: 20px">
    247247  <div data-expected-height="40" data-offset-y="-10" style="-webkit-flex: 1 0 0; -webkit-align-self: center; height: 40px;"></div>
    248   <div data-expected-height="40" data-offset-y="-20" style="-webkit-flex: 1 0 0; -webkit-align-self: end; height: 40px;"></div>
     248  <div data-expected-height="40" data-offset-y="-20" style="-webkit-flex: 1 0 0; -webkit-align-self: flex-end; height: 40px;"></div>
    249249  <div data-expected-height="40" data-offset-y="0" style="-webkit-flex: 1 0 0; height: 40px;"></div>
    250250  <div data-expected-height="20" data-offset-y="0" style="-webkit-flex: 1 0 0;"></div>

  • trunk/LayoutTests/css3/flexbox/flex-pack.html

    r119298 r119316  
    3939</div>
    4040
    41 <div class="flexbox" style="-webkit-justify-content: end">
     41<div class="flexbox" style="-webkit-justify-content: flex-end">
    4242  <div data-expected-width="100" data-offset-x="300" style="-webkit-flex: 0 0 100px;"></div>
    4343  <div data-expected-width="100" data-offset-x="400" style="width: 100px;"></div>
    … …  
    7474</div>
    7575
    76 <!-- If there's only one child, we justify-content start. -->
     76<!-- If there's only one child, we justify-content: flex-start. -->
    7777<div class="flexbox" style="-webkit-justify-content: space-between">
    7878  <div data-expected-width="100" data-offset-x="0" style="-webkit-flex: 1 0 0; max-width: 100px;"></div>
    … …  
    9999
    100100<!-- margin:auto applies before justify-content. -->
    101 <div class="flexbox" style="-webkit-justify-content: end">
     101<div class="flexbox" style="-webkit-justify-content: flex-end">
    102102  <div data-expected-width="100" data-offset-x="0" style="width: 100px;"></div>
    103103  <div data-expected-width="100" data-offset-x="100" style="width: 100px; margin-right: auto"></div>
    … …  
    106106
    107107<!-- The justify-content does nothing here because we are shrinking. -->
    108 <div class="flexbox" style="-webkit-justify-content: end">
     108<div class="flexbox" style="-webkit-justify-content: flex-end">
    109109  <div data-expected-width="200" data-offset-x="0" style="-webkit-flex: 0 1 300px;"></div>
    110110  <div data-expected-width="200" data-offset-x="200" style="width: 200px;"></div>
    … …  
    113113
    114114<!-- We overflow the flexbox (no negative flexing) and align the end. The overflow is to the left. -->
    115 <div class="flexbox" style="-webkit-justify-content: end">
     115<div class="flexbox" style="-webkit-justify-content: flex-end">
    116116  <div data-expected-width="300" data-offset-x="-100" style="-webkit-flex: 1 0 300px;"></div>
    117117  <div data-expected-width="200" data-offset-x="200" style="width: 200px;"></div>

  • trunk/LayoutTests/css3/flexbox/line-wrapping.html

    r119131 r119316  
    118118        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
    119119    </div>
    120     <div data-expected-width=100 data-expected-height=40 style="-webkit-align-self: start;">
     120    <div data-expected-width=100 data-expected-height=40 style="-webkit-align-self: flex-start;">
    121121        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=100></div>
    122122    </div>
    … …  
    127127        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
    128128    </div>
    129     <div data-expected-width=200 data-expected-height=50 style="-webkit-align-self: start;">
     129    <div data-expected-width=200 data-expected-height=50 style="-webkit-align-self: flex-start;">
    130130        <div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=50></div><div data-offset-y=70 data-offset-x=0></div>
    131131    </div>
    … …  
    136136        <div data-offset-y=0></div><div data-offset-y=0></div>
    137137    </div>
    138     <div data-expected-width=80 data-expected-height=50 style="-webkit-align-self: start;">
     138    <div data-expected-width=80 data-expected-height=50 style="-webkit-align-self: flex-start;">
    139139        <div data-offset-y=50></div><div data-offset-y=50></div>
    140140    </div>
    … …  
    145145        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
    146146    </div>
    147     <div data-expected-width=250 data-expected-height=40 style="-webkit-align-self: start;">
     147    <div data-expected-width=250 data-expected-height=40 style="-webkit-align-self: flex-start;">
    148148        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=250></div>
    149149    </div>
    … …  
    154154        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
    155155    </div>
    156     <div data-expected-width=500 data-expected-height=0 style="-webkit-align-self: start;">
     156    <div data-expected-width=500 data-expected-height=0 style="-webkit-align-self: flex-start;">
    157157        <div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=0></div><div data-offset-y=20 data-offset-x=0></div>
    158158    </div>
    … …  
    165165        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
    166166    </div>
    167     <div data-expected-height=100 data-expected-width=40 style="-webkit-align-self: start;">
     167    <div data-expected-height=100 data-expected-width=40 style="-webkit-align-self: flex-start;">
    168168        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=100></div>
    169169    </div>
    … …  
    174174        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
    175175    </div>
    176     <div data-expected-height=200 data-expected-width=50 style="-webkit-align-self: start;">
     176    <div data-expected-height=200 data-expected-width=50 style="-webkit-align-self: flex-start;">
    177177        <div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=54></div><div data-offset-x=74 data-offset-y=0></div>
    178178    </div>
    … …  
    183183        <div data-offset-x=4></div><div data-offset-x=4></div>
    184184    </div>
    185     <div data-expected-height=80 data-expected-width=50 style="-webkit-align-self: start;">
     185    <div data-expected-height=80 data-expected-width=50 style="-webkit-align-self: flex-start;">
    186186        <div data-offset-x=54></div><div data-offset-x=54></div>
    187187    </div>
    … …  
    192192        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
    193193    </div>
    194     <div data-expected-height=250 data-expected-width=40 style="-webkit-align-self: start;">
     194    <div data-expected-height=250 data-expected-width=40 style="-webkit-align-self: flex-start;">
    195195        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=250></div>
    196196    </div>
    … …  
    201201        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
    202202    </div>
    203     <div data-expected-height=500 data-expected-width=0 style="-webkit-align-self: start;">
     203    <div data-expected-height=500 data-expected-width=0 style="-webkit-align-self: flex-start;">
    204204        <div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=4></div><div data-offset-x=24 data-offset-y=0></div>
    205205    </div>
    … …  
    211211        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
    212212    </div>
    213     <div data-expected-height=100 data-expected-width=40 style="-webkit-align-self: start;">
     213    <div data-expected-height=100 data-expected-width=40 style="-webkit-align-self: flex-start;">
    214214        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=100></div>
    215215    </div>
    … …  
    220220        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
    221221    </div>
    222     <div data-expected-height=200 data-expected-width=50 style="-webkit-align-self: start;">
     222    <div data-expected-height=200 data-expected-width=50 style="-webkit-align-self: flex-start;">
    223223        <div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=30></div><div data-offset-x=10 data-offset-y=0></div>
    224224    </div>
    … …  
    229229        <div data-offset-x=80></div><div data-offset-x=80></div>
    230230    </div>
    231     <div data-expected-height=80 data-expected-width=50 style="-webkit-align-self: start;">
     231    <div data-expected-height=80 data-expected-width=50 style="-webkit-align-self: flex-start;">
    232232        <div data-offset-x=30></div><div data-offset-x=30></div>
    233233    </div>
    … …  
    238238        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=0></div>
    239239    </div>
    240     <div data-expected-height=250 data-expected-width=40 style="-webkit-align-self: start;">
     240    <div data-expected-height=250 data-expected-width=40 style="-webkit-align-self: flex-start;">
    241241        <div data-offset-x=80></div><div data-offset-x=80></div><div data-offset-x=60 data-offset-y=250></div>
    242242    </div>
    … …  
    250250        <div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-40 data-offset-y=0></div>
    251251    </div>
    252     <div data-expected-height=500 data-expected-width=0 style="-webkit-align-self: start;">
     252    <div data-expected-height=500 data-expected-width=0 style="-webkit-align-self: flex-start;">
    253253        <div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-20></div><div data-offset-x=-40 data-offset-y=0></div>
    254254    </div>

  • trunk/LayoutTests/css3/flexbox/multiline-align.html

    r119298 r119316  
    77    background-color: grey;
    88    max-width: 600px;
    9     -webkit-align-content: start;
     9    -webkit-align-content: flex-start;
    1010}
    1111.title {
    … …  
    13431343
    13441344                var testExpectations = expectations[writingMode][flexDirection][direction][wrap];
    1345                 addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'start', testExpectations['child1']);
     1345                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'flex-start', testExpectations['child1']);
    13461346                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'center', testExpectations['child2']);
    1347                 addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'end', testExpectations['child3']);
     1347                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'flex-end', testExpectations['child3']);
    13481348                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'baseline', testExpectations['child4']);
    13491349                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'baseline; ' + baselineMargin, testExpectations['child5']);
    13501350                addChild(flexbox, mainAxis, crossAxis, 10, 'auto', 'stretch', testExpectations['child6']);
    1351                 addChild(flexbox, mainAxis, crossAxis, 10, '30px', 'start', testExpectations['child7']);
    1352 
    1353                 addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'start', testExpectations['child8']);
     1351                addChild(flexbox, mainAxis, crossAxis, 10, '30px', 'flex-start', testExpectations['child7']);
     1352
     1353                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'flex-start', testExpectations['child8']);
    13541354                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'center', testExpectations['child9']);
    1355                 addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'end', testExpectations['child10']);
     1355                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'flex-end', testExpectations['child10']);
    13561356                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'baseline', testExpectations['child11']);
    13571357                addChild(flexbox, mainAxis, crossAxis, 10, '10px', 'baseline; ' + baselineMargin, testExpectations['child12']);
    13581358                addChild(flexbox, mainAxis, crossAxis, 10, 'auto', 'stretch', testExpectations['child13']);
    1359                 addChild(flexbox, mainAxis, crossAxis, 10, '30px', 'start', testExpectations['child14']);
     1359                addChild(flexbox, mainAxis, crossAxis, 10, '30px', 'flex-start', testExpectations['child14']);
    13601360
    13611361                flexbox.setAttribute("data-expected-width", testExpectations.flexbox[0]);

  • trunk/LayoutTests/css3/flexbox/multiline-column-auto.html

    r119298 r119316  
    88    -webkit-flex-flow: column wrap;
    99    margin-top: 20px;
    10     -webkit-align-content: start;
     10    -webkit-align-content: flex-start;
    1111}
    1212.flexbox > div {

  • trunk/LayoutTests/css3/flexbox/multiline-line-pack-horizontal-column-expected.txt

    r119298 r119316  
    1 horizontal-tb ltr column wrap align-content-start
     1horizontal-tb ltr column wrap align-content-flex-start
    22PASS
    3 horizontal-tb ltr column wrap align-content-end
     3horizontal-tb ltr column wrap align-content-flex-end
    44PASS
    55horizontal-tb ltr column wrap align-content-center
    … …  
    1111horizontal-tb ltr column wrap align-content-stretch
    1212PASS
    13 horizontal-tb ltr column wrap-reverse align-content-start
     13horizontal-tb ltr column wrap-reverse align-content-flex-start
    1414PASS
    15 horizontal-tb ltr column wrap-reverse align-content-end
     15horizontal-tb ltr column wrap-reverse align-content-flex-end
    1616PASS
    1717horizontal-tb ltr column wrap-reverse align-content-center
    … …  
    2323horizontal-tb ltr column wrap-reverse align-content-stretch
    2424PASS
    25 horizontal-tb rtl column wrap align-content-start
     25horizontal-tb rtl column wrap align-content-flex-start
    2626PASS
    27 horizontal-tb rtl column wrap align-content-end
     27horizontal-tb rtl column wrap align-content-flex-end
    2828PASS
    2929horizontal-tb rtl column wrap align-content-center
    … …  
    3535horizontal-tb rtl column wrap align-content-stretch
    3636PASS
    37 horizontal-tb rtl column wrap-reverse align-content-start
     37horizontal-tb rtl column wrap-reverse align-content-flex-start
    3838PASS
    39 horizontal-tb rtl column wrap-reverse align-content-end
     39horizontal-tb rtl column wrap-reverse align-content-flex-end
    4040PASS
    4141horizontal-tb rtl column wrap-reverse align-content-center
    … …  
    4747horizontal-tb rtl column wrap-reverse align-content-stretch
    4848PASS
    49 horizontal-tb ltr column-reverse wrap align-content-start
     49horizontal-tb ltr column-reverse wrap align-content-flex-start
    5050PASS
    51 horizontal-tb ltr column-reverse wrap align-content-end
     51horizontal-tb ltr column-reverse wrap align-content-flex-end
    5252PASS
    5353horizontal-tb ltr column-reverse wrap align-content-center
    … …  
    5959horizontal-tb ltr column-reverse wrap align-content-stretch
    6060PASS
    61 horizontal-tb ltr column-reverse wrap-reverse align-content-start
     61horizontal-tb ltr column-reverse wrap-reverse align-content-flex-start
    6262PASS
    63 horizontal-tb ltr column-reverse wrap-reverse align-content-end
     63horizontal-tb ltr column-reverse wrap-reverse align-content-flex-end
    6464PASS
    6565horizontal-tb ltr column-reverse wrap-reverse align-content-center
    … …  
    7171horizontal-tb ltr column-reverse wrap-reverse align-content-stretch
    7272PASS
    73 horizontal-tb rtl column-reverse wrap align-content-start
     73horizontal-tb rtl column-reverse wrap align-content-flex-start
    7474PASS
    75 horizontal-tb rtl column-reverse wrap align-content-end
     75horizontal-tb rtl column-reverse wrap align-content-flex-end
    7676PASS
    7777horizontal-tb rtl column-reverse wrap align-content-center
    … …  
    8383horizontal-tb rtl column-reverse wrap align-content-stretch
    8484PASS
    85 horizontal-tb rtl column-reverse wrap-reverse align-content-start
     85horizontal-tb rtl column-reverse wrap-reverse align-content-flex-start
    8686PASS
    87 horizontal-tb rtl column-reverse wrap-reverse align-content-end
     87horizontal-tb rtl column-reverse wrap-reverse align-content-flex-end
    8888PASS
    8989horizontal-tb rtl column-reverse wrap-reverse align-content-center
    … …  
    9595horizontal-tb rtl column-reverse wrap-reverse align-content-stretch
    9696PASS
    97 horizontal-bt ltr column wrap align-content-start
     97horizontal-bt ltr column wrap align-content-flex-start
    9898PASS
    99 horizontal-bt ltr column wrap align-content-end
     99horizontal-bt ltr column wrap align-content-flex-end
    100100PASS
    101101horizontal-bt ltr column wrap align-content-center
    … …  
    107107horizontal-bt ltr column wrap align-content-stretch
    108108PASS
    109 horizontal-bt ltr column wrap-reverse align-content-start
     109horizontal-bt ltr column wrap-reverse align-content-flex-start
    110110PASS
    111 horizontal-bt ltr column wrap-reverse align-content-end
     111horizontal-bt ltr column wrap-reverse align-content-flex-end
    112112PASS
    113113horizontal-bt ltr column wrap-reverse align-content-center
    … …  
    119119horizontal-bt ltr column wrap-reverse align-content-stretch
    120120PASS
    121 horizontal-bt rtl column wrap align-content-start
     121horizontal-bt rtl column wrap align-content-flex-start
    122122PASS
    123 horizontal-bt rtl column wrap align-content-end
     123horizontal-bt rtl column wrap align-content-flex-end
    124124PASS
    125125horizontal-bt rtl column wrap align-content-center
    … …  
    131131horizontal-bt rtl column wrap align-content-stretch
    132132PASS
    133 horizontal-bt rtl column wrap-reverse align-content-start
     133horizontal-bt rtl column wrap-reverse align-content-flex-start
    134134PASS
    135 horizontal-bt rtl column wrap-reverse align-content-end
     135horizontal-bt rtl column wrap-reverse align-content-flex-end
    136136PASS
    137137horizontal-bt rtl column wrap-reverse align-content-center
    … …  
    143143horizontal-bt rtl column wrap-reverse align-content-stretch
    144144PASS
    145 horizontal-bt ltr column-reverse wrap align-content-start
     145horizontal-bt ltr column-reverse wrap align-content-flex-start
    146146PASS
    147 horizontal-bt ltr column-reverse wrap align-content-end
     147horizontal-bt ltr column-reverse wrap align-content-flex-end
    148148PASS
    149149horizontal-bt ltr column-reverse wrap align-content-center
    … …  
    155155horizontal-bt ltr column-reverse wrap align-content-stretch
    156156PASS
    157 horizontal-bt ltr column-reverse wrap-reverse align-content-start
     157horizontal-bt ltr column-reverse wrap-reverse align-content-flex-start
    158158PASS
    159 horizontal-bt ltr column-reverse wrap-reverse align-content-end
     159horizontal-bt ltr column-reverse wrap-reverse align-content-flex-end
    160160PASS
    161161horizontal-bt ltr column-reverse wrap-reverse align-content-center
    … …  
    167167horizontal-bt ltr column-reverse wrap-reverse align-content-stretch
    168168PASS
    169 horizontal-bt rtl column-reverse wrap align-content-start
     169horizontal-bt rtl column-reverse wrap align-content-flex-start
    170170PASS
    171 horizontal-bt rtl column-reverse wrap align-content-end
     171horizontal-bt rtl column-reverse wrap align-content-flex-end
    172172PASS
    173173horizontal-bt rtl column-reverse wrap align-content-center
    … …  
    179179horizontal-bt rtl column-reverse wrap align-content-stretch
    180180PASS
    181 horizontal-bt rtl column-reverse wrap-reverse align-content-start
     181horizontal-bt rtl column-reverse wrap-reverse align-content-flex-start
    182182PASS
    183 horizontal-bt rtl column-reverse wrap-reverse align-content-end
     183horizontal-bt rtl column-reverse wrap-reverse align-content-flex-end
    184184PASS
    185185horizontal-bt rtl column-reverse wrap-reverse align-content-center

  • trunk/LayoutTests/css3/flexbox/multiline-line-pack-horizontal-column.html

    r119298 r119316  
    3636    -webkit-flex-wrap: wrap-reverse;
    3737}
    38 .align-content-start {
    39     -webkit-align-content: start;
    40 }
    41 .align-content-end {
    42     -webkit-align-content: end;
     38.align-content-flex-start {
     39    -webkit-align-content: flex-start;
     40}
     41.align-content-flex-end {
     42    -webkit-align-content: flex-end;
    4343}
    4444.align-content-center {
    … …  
    7474            'ltr': {
    7575                'wrap': {
    76                     'start': [0, 100],
    77                     'end': [400, 500],
    78                     'center': [200, 300],
    79                     'space-between': [0, 500],
    80                     'space-around': [100, 400],
    81                     'stretch': [0, 300],
    82                 },
    83                 'wrap-reverse': {
    84                     'start': [500, 400],
    85                     'end': [100, 0],
    86                     'center': [300, 200],
    87                     'space-between': [500, 0],
    88                     'space-around': [400, 100],
    89                     'stretch': [300, 0],
    90                 },
    91             },
    92             'rtl': {
    93                 'wrap': {
    94                     'start': [500, 400],
    95                     'end': [100, 0],
    96                     'center': [300, 200],
    97                     'space-between': [500, 0],
    98                     'space-around': [400, 100],
    99                     'stretch': [300, 0],
    100                 },
    101                 'wrap-reverse': {
    102                     'start': [0, 100],
    103                     'end': [400, 500],
     76                    'flex-start': [0, 100],
     77                    'flex-end': [400, 500],
     78                    'center': [200, 300],
     79                    'space-between': [0, 500],
     80                    'space-around': [100, 400],
     81                    'stretch': [0, 300],
     82                },
     83                'wrap-reverse': {
     84                    'flex-start': [500, 400],
     85                    'flex-end': [100, 0],
     86                    'center': [300, 200],
     87                    'space-between': [500, 0],
     88                    'space-around': [400, 100],
     89                    'stretch': [300, 0],
     90                },
     91            },
     92            'rtl': {
     93                'wrap': {
     94                    'flex-start': [500, 400],
     95                    'flex-end': [100, 0],
     96                    'center': [300, 200],
     97                    'space-between': [500, 0],
     98                    'space-around': [400, 100],
     99                    'stretch': [300, 0],
     100                },
     101                'wrap-reverse': {
     102                    'flex-start': [0, 100],
     103                    'flex-end': [400, 500],
    104104                    'center': [200, 300],
    105105                    'space-between': [0, 500],
    … …  
    113113            'ltr': {
    114114                'wrap': {
    115                     'start': [0, 100],
    116                     'end': [400, 500],
    117                     'center': [200, 300],
    118                     'space-between': [0, 500],
    119                     'space-around': [100, 400],
    120                     'stretch': [0, 300],
    121                 },
    122                 'wrap-reverse': {
    123                     'start': [500, 400],
    124                     'end': [100, 0],
    125                     'center': [300, 200],
    126                     'space-between': [500, 0],
    127                     'space-around': [400, 100],
    128                     'stretch': [300, 0],
    129                 },
    130             },
    131             'rtl': {
    132                 'wrap': {
    133                     'start': [500, 400],
    134                     'end': [100, 0],
    135                     'center': [300, 200],
    136                     'space-between': [500, 0],
    137                     'space-around': [400, 100],
    138                     'stretch': [300, 0],
    139                 },
    140                 'wrap-reverse': {
    141                     'start': [0, 100],
    142                     'end': [400, 500],
     115                    'flex-start': [0, 100],
     116                    'flex-end': [400, 500],
     117                    'center': [200, 300],
     118                    'space-between': [0, 500],
     119                    'space-around': [100, 400],
     120                    'stretch': [0, 300],
     121                },
     122                'wrap-reverse': {
     123                    'flex-start': [500, 400],
     124                    'flex-end': [100, 0],
     125                    'center': [300, 200],
     126                    'space-between': [500, 0],
     127                    'space-around': [400, 100],
     128                    'stretch': [300, 0],
     129                },
     130            },
     131            'rtl': {
     132                'wrap': {
     133                    'flex-start': [500, 400],
     134                    'flex-end': [100, 0],
     135                    'center': [300, 200],
     136                    'space-between': [500, 0],
     137                    'space-around': [400, 100],
     138                    'stretch': [300, 0],
     139                },
     140                'wrap-reverse': {
     141                    'flex-start': [0, 100],
     142                    'flex-end': [400, 500],
    143143                    'center': [200, 300],
    144144                    'space-between': [0, 500],
    … …  
    154154            'ltr': {
    155155                'wrap': {
    156                     'start': [0, 100],
    157                     'end': [400, 500],
    158                     'center': [200, 300],
    159                     'space-between': [0, 500],
    160                     'space-around': [100, 400],
    161                     'stretch': [0, 300],
    162                 },
    163                 'wrap-reverse': {
    164                     'start': [500, 400],
    165                     'end': [100, 0],
    166                     'center': [300, 200],
    167                     'space-between': [500, 0],
    168                     'space-around': [400, 100],
    169                     'stretch': [300, 0],
    170                 },
    171             },
    172             'rtl': {
    173                 'wrap': {
    174                     'start': [500, 400],
    175                     'end': [100, 0],
    176                     'center': [300, 200],
    177                     'space-between': [500, 0],
    178                     'space-around': [400, 100],
    179                     'stretch': [300, 0],
    180                 },
    181                 'wrap-reverse': {
    182                     'start': [0, 100],
    183                     'end': [400, 500],
     156                    'flex-start': [0, 100],
     157                    'flex-end': [400, 500],
     158                    'center': [200, 300],
     159                    'space-between': [0, 500],
     160                    'space-around': [100, 400],
     161                    'stretch': [0, 300],
     162                },
     163                'wrap-reverse': {
     164                    'flex-start': [500, 400],
     165                    'flex-end': [100, 0],
     166                    'center': [300, 200],
     167                    'space-between': [500, 0],
     168                    'space-around': [400, 100],
     169                    'stretch': [300, 0],
     170                },
     171            },
     172            'rtl': {
     173                'wrap': {
     174                    'flex-start': [500, 400],
     175                    'flex-end': [100, 0],
     176                    'center': [300, 200],
     177                    'space-between': [500, 0],
     178                    'space-around': [400, 100],
     179                    'stretch': [300, 0],
     180                },
     181                'wrap-reverse': {
     182                    'flex-start': [0, 100],
     183                    'flex-end': [400, 500],
    184184                    'center': [200, 300],
    185185                    'space-between': [0, 500],
    … …  
    192192            'ltr': {
    193193                'wrap': {
    194                     'start': [0, 100],
    195                     'end': [400, 500],
    196                     'center': [200, 300],
    197                     'space-between': [0, 500],
    198                     'space-around': [100, 400],
    199                     'stretch': [0, 300],
    200                 },
    201                 'wrap-reverse': {
    202                     'start': [500, 400],
    203                     'end': [100, 0],
    204                     'center': [300, 200],
    205                     'space-between': [500, 0],
    206                     'space-around': [400, 100],
    207                     'stretch': [300, 0],
    208                 },
    209             },
    210             'rtl': {
    211                 'wrap': {
    212                     'start': [500, 400],
    213                     'end': [100, 0],
    214                     'center': [300, 200],
    215                     'space-between': [500, 0],
    216                     'space-around': [400, 100],
    217                     'stretch': [300, 0],
    218                 },
    219                 'wrap-reverse': {
    220                     'start': [0, 100],
    221                     'end': [400, 500],
     194                    'flex-start': [0, 100],
     195                    'flex-end': [400, 500],
     196                    'center': [200, 300],
     197                    'space-between': [0, 500],
     198                    'space-around': [100, 400],
     199                    'stretch': [0, 300],
     200                },
     201                'wrap-reverse': {
     202                    'flex-start': [500, 400],
     203                    'flex-end': [100, 0],
     204                    'center': [300, 200],
     205                    'space-between': [500, 0],
     206                    'space-around': [400, 100],
     207                    'stretch': [300, 0],
     208                },
     209            },
     210            'rtl': {
     211                'wrap': {
     212                    'flex-start': [500, 400],
     213                    'flex-end': [100, 0],
     214                    'center': [300, 200],
     215                    'space-between': [500, 0],
     216                    'space-around': [400, 100],
     217                    'stretch': [300, 0],
     218                },
     219                'wrap-reverse': {
     220                    'flex-start': [0, 100],
     221                    'flex-end': [400, 500],
    222222                    'center': [200, 300],
    223223                    'space-between': [0, 500],
    … …  
    256256var directions = ['ltr', 'rtl'];
    257257var wraps = ['wrap', 'wrap-reverse'];
    258 var alignContents = ['start', 'end', 'center', 'space-between', 'space-around', 'stretch'];
     258var alignContents = ['flex-start', 'flex-end', 'center', 'space-between', 'space-around', 'stretch'];
    259259
    260260writingModes.forEach(function(writingMode) {

  • trunk/LayoutTests/css3/flexbox/multiline-line-pack.html

    r119298 r119316  
    8080</div>
    8181
    82 <div data-expected-height="120" class="flexbox horizontal" style="-webkit-align-content: start">
     82<div data-expected-height="120" class="flexbox horizontal" style="-webkit-align-content: flex-start">
    8383  <div data-offset-x="0" data-offset-y="0" data-expected-height="20"></div>
    8484  <div data-offset-x="100" data-offset-y="0" data-expected-height="20"></div>
    … …  
    8787</div>
    8888
    89 <div data-expected-height="120" class="flexbox horizontal" style="-webkit-align-content: end">
     89<div data-expected-height="120" class="flexbox horizontal" style="-webkit-align-content: flex-end">
    9090  <div data-offset-x="0" data-offset-y="60" data-expected-height="20"></div>
    9191  <div data-offset-x="100" data-offset-y="60" data-expected-height="20"></div>
    … …  
    123123
    124124<!-- Negative overflow goes out the top. -->
    125 <div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-content: end; height: 30px">
     125<div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-content: flex-end; height: 30px">
    126126  <div data-offset-x="0" data-offset-y="-30" data-expected-height="20"></div>
    127127  <div data-offset-x="100" data-offset-y="-30" data-expected-height="20"></div>
    … …  
    138138</div>
    139139
    140 <!-- If we overflow, we should be the same as start. -->
     140<!-- If we overflow, we should be the same as flex-start. -->
    141141<div data-expected-height="30" class="flexbox horizontal" style="-webkit-align-content: space-between; height: 30px">
    142142  <div data-offset-x="0" data-offset-y="0" data-expected-height="20"></div>
    … …  
    189189</div>
    190190
    191 <div data-expected-width="120" class="flexbox vertical-rl" style="-webkit-align-content: start">
     191<div data-expected-width="120" class="flexbox vertical-rl" style="-webkit-align-content: flex-start">
    192192  <div data-offset-x="100" data-offset-y="0" data-expected-width="20"></div>
    193193  <div data-offset-x="100" data-offset-y="10" data-expected-width="20"></div>
    … …  
    196196</div>
    197197
    198 <div data-expected-width="120" class="flexbox vertical-rl" style="-webkit-align-content: end">
     198<div data-expected-width="120" class="flexbox vertical-rl" style="-webkit-align-content: flex-end">
    199199  <div data-offset-x="40" data-offset-y="0" data-expected-width="20"></div>
    200200  <div data-offset-x="40" data-offset-y="10" data-expected-width="20"></div>
    … …  
    232232
    233233<!-- Negative overflow goes out the right. -->
    234 <div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-content: end; width: 30px;">
     234<div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-content: flex-end; width: 30px;">
    235235  <div data-offset-x="40" data-offset-y="0" data-expected-width="20"></div>
    236236  <div data-offset-x="40" data-offset-y="10" data-expected-width="20"></div>
    … …  
    247247</div>
    248248
    249 <!-- If we overflow, we should be the same as start. -->
     249<!-- If we overflow, we should be the same as flex-start. -->
    250250<div data-expected-width="30" class="flexbox vertical-rl" style="-webkit-align-content: space-between; width: 30px;">
    251251  <div data-offset-x="10" data-offset-y="0" data-expected-width="20"></div>

  • trunk/LayoutTests/css3/flexbox/multiline-pack-expected.txt

    r119298 r119316  
    1 horizontal-tb ltr row wrap justify-content-start
    2 PASS
    3 horizontal-tb ltr row wrap justify-content-end
     1horizontal-tb ltr row wrap justify-content-flex-start
     2PASS
     3horizontal-tb ltr row wrap justify-content-flex-end
    44PASS
    55horizontal-tb ltr row wrap justify-content-center
    … …  
    99horizontal-tb ltr row wrap justify-content-space-around
    1010PASS
    11 horizontal-tb ltr row wrap-reverse justify-content-start
    12 PASS
    13 horizontal-tb ltr row wrap-reverse justify-content-end
     11horizontal-tb ltr row wrap-reverse justify-content-flex-start
     12PASS
     13horizontal-tb ltr row wrap-reverse justify-content-flex-end
    1414PASS
    1515horizontal-tb ltr row wrap-reverse justify-content-center
    … …  
    1919horizontal-tb ltr row wrap-reverse justify-content-space-around
    2020PASS
    21 horizontal-tb rtl row wrap justify-content-start
    22 PASS
    23 horizontal-tb rtl row wrap justify-content-end
     21horizontal-tb rtl row wrap justify-content-flex-start
     22PASS
     23horizontal-tb rtl row wrap justify-content-flex-end
    2424PASS
    2525horizontal-tb rtl row wrap justify-content-center
    … …  
    2929horizontal-tb rtl row wrap justify-content-space-around
    3030PASS
    31 horizontal-tb rtl row wrap-reverse justify-content-start
    32 PASS
    33 horizontal-tb rtl row wrap-reverse justify-content-end
     31horizontal-tb rtl row wrap-reverse justify-content-flex-start
     32PASS
     33horizontal-tb rtl row wrap-reverse justify-content-flex-end
    3434PASS
    3535horizontal-tb rtl row wrap-reverse justify-content-center
    … …  
    3939horizontal-tb rtl row wrap-reverse justify-content-space-around
    4040PASS
    41 horizontal-tb ltr column wrap justify-content-start
    42 PASS
    43 horizontal-tb ltr column wrap justify-content-end
     41horizontal-tb ltr column wrap justify-content-flex-start
     42PASS
     43horizontal-tb ltr column wrap justify-content-flex-end
    4444PASS
    4545horizontal-tb ltr column wrap justify-content-center
    … …  
    4949horizontal-tb ltr column wrap justify-content-space-around
    5050PASS
    51 horizontal-tb ltr column wrap-reverse justify-content-start
    52 PASS
    53 horizontal-tb ltr column wrap-reverse justify-content-end
     51horizontal-tb ltr column wrap-reverse justify-content-flex-start
     52PASS
     53horizontal-tb ltr column wrap-reverse justify-content-flex-end
    5454PASS
    5555horizontal-tb ltr column wrap-reverse justify-content-center
    … …  
    5959horizontal-tb ltr column wrap-reverse justify-content-space-around
    6060PASS
    61 horizontal-tb rtl column wrap justify-content-start
    62 PASS
    63 horizontal-tb rtl column wrap justify-content-end
     61horizontal-tb rtl column wrap justify-content-flex-start
     62PASS
     63horizontal-tb rtl column wrap justify-content-flex-end
    6464PASS
    6565horizontal-tb rtl column wrap justify-content-center
    … …  
    6969horizontal-tb rtl column wrap justify-content-space-around
    7070PASS
    71 horizontal-tb rtl column wrap-reverse justify-content-start
    72 PASS
    73 horizontal-tb rtl column wrap-reverse justify-content-end
     71horizontal-tb rtl column wrap-reverse justify-content-flex-start
     72PASS
     73horizontal-tb rtl column wrap-reverse justify-content-flex-end
    7474PASS
    7575horizontal-tb rtl column wrap-reverse justify-content-center
    … …  
    7979horizontal-tb rtl column wrap-reverse justify-content-space-around
    8080PASS
    81 horizontal-tb ltr row-reverse wrap justify-content-start
    82 PASS
    83 horizontal-tb ltr row-reverse wrap justify-content-end
     81horizontal-tb ltr row-reverse wrap justify-content-flex-start
     82PASS
     83horizontal-tb ltr row-reverse wrap justify-content-flex-end
    8484PASS
    8585horizontal-tb ltr row-reverse wrap justify-content-center
    … …  
    8989horizontal-tb ltr row-reverse wrap justify-content-space-around
    9090PASS
    91 horizontal-tb ltr row-reverse wrap-reverse justify-content-start
    92 PASS
    93 horizontal-tb ltr row-reverse wrap-reverse justify-content-end
     91horizontal-tb ltr row-reverse wrap-reverse justify-content-flex-start
     92PASS
     93horizontal-tb ltr row-reverse wrap-reverse justify-content-flex-end
    9494PASS
    9595horizontal-tb ltr row-reverse wrap-reverse justify-content-center
    … …  
    9999horizontal-tb ltr row-reverse wrap-reverse justify-content-space-around
    100100PASS
    101 horizontal-tb rtl row-reverse wrap justify-content-start
    102 PASS
    103 horizontal-tb rtl row-reverse wrap justify-content-end
     101horizontal-tb rtl row-reverse wrap justify-content-flex-start
     102PASS
     103horizontal-tb rtl row-reverse wrap justify-content-flex-end
    104104PASS
    105105horizontal-tb rtl row-reverse wrap justify-content-center
    … …  
    109109horizontal-tb rtl row-reverse wrap justify-content-space-around
    110110PASS
    111 horizontal-tb rtl row-reverse wrap-reverse justify-content-start
    112 PASS
    113 horizontal-tb rtl row-reverse wrap-reverse justify-content-end
     111horizontal-tb rtl row-reverse wrap-reverse justify-content-flex-start
     112PASS
     113horizontal-tb rtl row-reverse wrap-reverse justify-content-flex-end
    114114PASS
    115115horizontal-tb rtl row-reverse wrap-reverse justify-content-center
    … …  
    119119horizontal-tb rtl row-reverse wrap-reverse justify-content-space-around
    120120PASS
    121 horizontal-tb ltr column-reverse wrap justify-content-start
    122 PASS
    123 horizontal-tb ltr column-reverse wrap justify-content-end
     121horizontal-tb ltr column-reverse wrap justify-content-flex-start
     122PASS
     123horizontal-tb ltr column-reverse wrap justify-content-flex-end
    124124PASS
    125125horizontal-tb ltr column-reverse wrap justify-content-center
    … …  
    129129horizontal-tb ltr column-reverse wrap justify-content-space-around
    130130PASS
    131 horizontal-tb ltr column-reverse wrap-reverse justify-content-start
    132 PASS
    133 horizontal-tb ltr column-reverse wrap-reverse justify-content-end
     131horizontal-tb ltr column-reverse wrap-reverse justify-content-flex-start
     132PASS
     133horizontal-tb ltr column-reverse wrap-reverse justify-content-flex-end
    134134PASS
    135135horizontal-tb ltr column-reverse wrap-reverse justify-content-center
    … …  
    139139horizontal-tb ltr column-reverse wrap-reverse justify-content-space-around
    140140PASS
    141 horizontal-tb rtl column-reverse wrap justify-content-start
    142 PASS
    143 horizontal-tb rtl column-reverse wrap justify-content-end
     141horizontal-tb rtl column-reverse wrap justify-content-flex-start
     142PASS
     143horizontal-tb rtl column-reverse wrap justify-content-flex-end
    144144PASS
    145145horizontal-tb rtl column-reverse wrap justify-content-center
    … …  
    149149horizontal-tb rtl column-reverse wrap justify-content-space-around
    150150PASS
    151 horizontal-tb rtl column-reverse wrap-reverse justify-content-start
    152 PASS
    153 horizontal-tb rtl column-reverse wrap-reverse justify-content-end
     151horizontal-tb rtl column-reverse wrap-reverse justify-content-flex-start
     152PASS
     153horizontal-tb rtl column-reverse wrap-reverse justify-content-flex-end
    154154PASS
    155155horizontal-tb rtl column-reverse wrap-reverse justify-content-center
    … …  
    159159horizontal-tb rtl column-reverse wrap-reverse justify-content-space-around
    160160PASS
    161 horizontal-bt ltr row wrap justify-content-start
    162 PASS
    163 horizontal-bt ltr row wrap justify-content-end
     161horizontal-bt ltr row wrap justify-content-flex-start
     162PASS
     163horizontal-bt ltr row wrap justify-content-flex-end
    164164PASS
    165165horizontal-bt ltr row wrap justify-content-center
    … …  
    169169horizontal-bt ltr row wrap justify-content-space-around
    170170PASS
    171 horizontal-bt ltr row wrap-reverse justify-content-start
    172 PASS
    173 horizontal-bt ltr row wrap-reverse justify-content-end
     171horizontal-bt ltr row wrap-reverse justify-content-flex-start
     172PASS
     173horizontal-bt ltr row wrap-reverse justify-content-flex-end
    174174PASS
    175175horizontal-bt ltr row wrap-reverse justify-content-center
    … …  
    179179horizontal-bt ltr row wrap-reverse justify-content-space-around
    180180PASS
    181 horizontal-bt rtl row wrap justify-content-start
    182 PASS
    183 horizontal-bt rtl row wrap justify-content-end
     181horizontal-bt rtl row wrap justify-content-flex-start
     182PASS
     183horizontal-bt rtl row wrap justify-content-flex-end
    184184PASS
    185185horizontal-bt rtl row wrap justify-content-center
    … …  
    189189horizontal-bt rtl row wrap justify-content-space-around
    190190PASS
    191 horizontal-bt rtl row wrap-reverse justify-content-start
    192 PASS
    193 horizontal-bt rtl row wrap-reverse justify-content-end
     191horizontal-bt rtl row wrap-reverse justify-content-flex-start
     192PASS
     193horizontal-bt rtl row wrap-reverse justify-content-flex-end
    194194PASS
    195195horizontal-bt rtl row wrap-reverse justify-content-center
    … …  
    199199horizontal-bt rtl row wrap-reverse justify-content-space-around
    200200PASS
    201 horizontal-bt ltr column wrap justify-content-start
    202 PASS
    203 horizontal-bt ltr column wrap justify-content-end
     201horizontal-bt ltr column wrap justify-content-flex-start
     202PASS
     203horizontal-bt ltr column wrap justify-content-flex-end
    204204PASS
    205205horizontal-bt ltr column wrap justify-content-center
    … …  
    209209horizontal-bt ltr column wrap justify-content-space-around
    210210PASS
    211 horizontal-bt ltr column wrap-reverse justify-content-start
    212 PASS
    213 horizontal-bt ltr column wrap-reverse justify-content-end
     211horizontal-bt ltr column wrap-reverse justify-content-flex-start
     212PASS
     213horizontal-bt ltr column wrap-reverse justify-content-flex-end
    214214PASS
    215215horizontal-bt ltr column wrap-reverse justify-content-center
    … …  
    219219horizontal-bt ltr column wrap-reverse justify-content-space-around
    220220PASS
    221 horizontal-bt rtl column wrap justify-content-start
    222 PASS
    223 horizontal-bt rtl column wrap justify-content-end
     221horizontal-bt rtl column wrap justify-content-flex-start
     222PASS
     223horizontal-bt rtl column wrap justify-content-flex-end
    224224PASS
    225225horizontal-bt rtl column wrap justify-content-center
    … …  
    229229horizontal-bt rtl column wrap justify-content-space-around
    230230PASS
    231 horizontal-bt rtl column wrap-reverse justify-content-start
    232 PASS
    233 horizontal-bt rtl column wrap-reverse justify-content-end
     231horizontal-bt rtl column wrap-reverse justify-content-flex-start
     232PASS
     233horizontal-bt rtl column wrap-reverse justify-content-flex-end
    234234PASS
    235235horizontal-bt rtl column wrap-reverse justify-content-center
    … …  
    239239horizontal-bt rtl column wrap-reverse justify-content-space-around
    240240PASS
    241 horizontal-bt ltr row-reverse wrap justify-content-start
    242 PASS
    243 horizontal-bt ltr row-reverse wrap justify-content-end
     241horizontal-bt ltr row-reverse wrap justify-content-flex-start
     242PASS
     243horizontal-bt ltr row-reverse wrap justify-content-flex-end
    244244PASS
    245245horizontal-bt ltr row-reverse wrap justify-content-center
    … …  
    249249horizontal-bt ltr row-reverse wrap justify-content-space-around
    250250PASS
    251 horizontal-bt ltr row-reverse wrap-reverse justify-content-start
    252 PASS
    253 horizontal-bt ltr row-reverse wrap-reverse justify-content-end
     251horizontal-bt ltr row-reverse wrap-reverse justify-content-flex-start
     252PASS
     253horizontal-bt ltr row-reverse wrap-reverse justify-content-flex-end
    254254PASS
    255255horizontal-bt ltr row-reverse wrap-reverse justify-content-center
    … …  
    259259horizontal-bt ltr row-reverse wrap-reverse justify-content-space-around
    260260PASS
    261 horizontal-bt rtl row-reverse wrap justify-content-start
    262 PASS
    263 horizontal-bt rtl row-reverse wrap justify-content-end
     261horizontal-bt rtl row-reverse wrap justify-content-flex-start
     262PASS
     263horizontal-bt rtl row-reverse wrap justify-content-flex-end
    264264PASS
    265265horizontal-bt rtl row-reverse wrap justify-content-center
    … …  
    269269horizontal-bt rtl row-reverse wrap justify-content-space-around
    270270PASS
    271 horizontal-bt rtl row-reverse wrap-reverse justify-content-start
    272 PASS
    273 horizontal-bt rtl row-reverse wrap-reverse justify-content-end
     271horizontal-bt rtl row-reverse wrap-reverse justify-content-flex-start
     272PASS
     273horizontal-bt rtl row-reverse wrap-reverse justify-content-flex-end
    274274PASS
    275275horizontal-bt rtl row-reverse wrap-reverse justify-content-center
    … …  
    279279horizontal-bt rtl row-reverse wrap-reverse justify-content-space-around
    280280PASS
    281 horizontal-bt ltr column-reverse wrap justify-content-start
    282 PASS
    283 horizontal-bt ltr column-reverse wrap justify-content-end
     281horizontal-bt ltr column-reverse wrap justify-content-flex-start
     282PASS
     283horizontal-bt ltr column-reverse wrap justify-content-flex-end
    284284PASS
    285285horizontal-bt ltr column-reverse wrap justify-content-center
    … …  
    289289horizontal-bt ltr column-reverse wrap justify-content-space-around
    290290PASS
    291 horizontal-bt ltr column-reverse wrap-reverse justify-content-start
    292 PASS
    293 horizontal-bt ltr column-reverse wrap-reverse justify-content-end
     291horizontal-bt ltr column-reverse wrap-reverse justify-content-flex-start
     292PASS
     293horizontal-bt ltr column-reverse wrap-reverse justify-content-flex-end
    294294PASS
    295295horizontal-bt ltr column-reverse wrap-reverse justify-content-center
    … …  
    299299horizontal-bt ltr column-reverse wrap-reverse justify-content-space-around
    300300PASS
    301 horizontal-bt rtl column-reverse wrap justify-content-start
    302 PASS
    303 horizontal-bt rtl column-reverse wrap justify-content-end
     301horizontal-bt rtl column-reverse wrap justify-content-flex-start
     302PASS
     303horizontal-bt rtl column-reverse wrap justify-content-flex-end
    304304PASS
    305305horizontal-bt rtl column-reverse wrap justify-content-center
    … …  
    309309horizontal-bt rtl column-reverse wrap justify-content-space-around
    310310PASS
    311 horizontal-bt rtl column-reverse wrap-reverse justify-content-start
    312 PASS
    313 horizontal-bt rtl column-reverse wrap-reverse justify-content-end
     311horizontal-bt rtl column-reverse wrap-reverse justify-content-flex-start
     312PASS
     313horizontal-bt rtl column-reverse wrap-reverse justify-content-flex-end
    314314PASS
    315315horizontal-bt rtl column-reverse wrap-reverse justify-content-center
    … …  
    319319horizontal-bt rtl column-reverse wrap-reverse justify-content-space-around
    320320PASS
    321 vertical-rl ltr row wrap justify-content-start
    322 PASS
    323 vertical-rl ltr row wrap justify-content-end
     321vertical-rl ltr row wrap justify-content-flex-start
     322PASS
     323vertical-rl ltr row wrap justify-content-flex-end
    324324PASS
    325325vertical-rl ltr row wrap justify-content-center
    … …  
    329329vertical-rl ltr row wrap justify-content-space-around
    330330PASS
    331 vertical-rl ltr row wrap-reverse justify-content-start
    332 PASS
    333 vertical-rl ltr row wrap-reverse justify-content-end
     331vertical-rl ltr row wrap-reverse justify-content-flex-start
     332PASS
     333vertical-rl ltr row wrap-reverse justify-content-flex-end
    334334PASS
    335335vertical-rl ltr row wrap-reverse justify-content-center
    … …  
    339339vertical-rl ltr row wrap-reverse justify-content-space-around
    340340PASS
    341 vertical-rl rtl row wrap justify-content-start
    342 PASS
    343 vertical-rl rtl row wrap justify-content-end
     341vertical-rl rtl row wrap justify-content-flex-start
     342PASS
     343vertical-rl rtl row wrap justify-content-flex-end
    344344PASS
    345345vertical-rl rtl row wrap justify-content-center
    … …  
    349349vertical-rl rtl row wrap justify-content-space-around
    350350PASS
    351 vertical-rl rtl row wrap-reverse justify-content-start
    352 PASS
    353 vertical-rl rtl row wrap-reverse justify-content-end
     351vertical-rl rtl row wrap-reverse justify-content-flex-start
     352PASS
     353vertical-rl rtl row wrap-reverse justify-content-flex-end
    354354PASS
    355355vertical-rl rtl row wrap-reverse justify-content-center
    … …  
    359359vertical-rl rtl row wrap-reverse justify-content-space-around
    360360PASS
    361 vertical-rl ltr column wrap justify-content-start
    362 PASS
    363 vertical-rl ltr column wrap justify-content-end
     361vertical-rl ltr column wrap justify-content-flex-start
     362PASS
     363vertical-rl ltr column wrap justify-content-flex-end
    364364PASS
    365365vertical-rl ltr column wrap justify-content-center
    … …  
    369369vertical-rl ltr column wrap justify-content-space-around
    370370PASS
    371 vertical-rl ltr column wrap-reverse justify-content-start
    372 PASS
    373 vertical-rl ltr column wrap-reverse justify-content-end
     371vertical-rl ltr column wrap-reverse justify-content-flex-start
     372PASS
     373vertical-rl ltr column wrap-reverse justify-content-flex-end
    374374PASS
    375375vertical-rl ltr column wrap-reverse justify-content-center
    … …  
    379379vertical-rl ltr column wrap-reverse justify-content-space-around
    380380PASS
    381 vertical-rl rtl column wrap justify-content-start
    382 PASS
    383 vertical-rl rtl column wrap justify-content-end
     381vertical-rl rtl column wrap justify-content-flex-start
     382PASS
     383vertical-rl rtl column wrap justify-content-flex-end
    384384PASS
    385385vertical-rl rtl column wrap justify-content-center
    … …  
    389389vertical-rl rtl column wrap justify-content-space-around
    390390PASS
    391 vertical-rl rtl column wrap-reverse justify-content-start
    392 PASS
    393 vertical-rl rtl column wrap-reverse justify-content-end
     391vertical-rl rtl column wrap-reverse justify-content-flex-start
     392PASS
     393vertical-rl rtl column wrap-reverse justify-content-flex-end
    394394PASS
    395395vertical-rl rtl column wrap-reverse justify-content-center
    … …  
    399399vertical-rl rtl column wrap-reverse justify-content-space-around
    400400PASS
    401 vertical-rl ltr row-reverse wrap justify-content-start
    402 PASS
    403 vertical-rl ltr row-reverse wrap justify-content-end
     401vertical-rl ltr row-reverse wrap justify-content-flex-start
     402PASS
     403vertical-rl ltr row-reverse wrap justify-content-flex-end
    404404PASS
    405405vertical-rl ltr row-reverse wrap justify-content-center
    … …  
    409409vertical-rl ltr row-reverse wrap justify-content-space-around
    410410PASS
    411 vertical-rl ltr row-reverse wrap-reverse justify-content-start
    412 PASS
    413 vertical-rl ltr row-reverse wrap-reverse justify-content-end
     411vertical-rl ltr row-reverse wrap-reverse justify-content-flex-start
     412PASS
     413vertical-rl ltr row-reverse wrap-reverse justify-content-flex-end
    414414PASS
    415415vertical-rl ltr row-reverse wrap-reverse justify-content-center
    … …  
    419419vertical-rl ltr row-reverse wrap-reverse justify-content-space-around
    420420PASS
    421 vertical-rl rtl row-reverse wrap justify-content-start
    422 PASS
    423 vertical-rl rtl row-reverse wrap justify-content-end
     421vertical-rl rtl row-reverse wrap justify-content-flex-start
     422PASS
     423vertical-rl rtl row-reverse wrap justify-content-flex-end
    424424PASS
    425425vertical-rl rtl row-reverse wrap justify-content-center
    … …  
    429429vertical-rl rtl row-reverse wrap justify-content-space-around
    430430PASS
    431 vertical-rl rtl row-reverse wrap-reverse justify-content-start
    432 PASS
    433 vertical-rl rtl row-reverse wrap-reverse justify-content-end
     431vertical-rl rtl row-reverse wrap-reverse justify-content-flex-start
     432PASS
     433vertical-rl rtl row-reverse wrap-reverse justify-content-flex-end
    434434PASS
    435435vertical-rl rtl row-reverse wrap-reverse justify-content-center
    … …  
    439439vertical-rl rtl row-reverse wrap-reverse justify-content-space-around
    440440PASS
    441 vertical-rl ltr column-reverse wrap justify-content-start
    442 PASS
    443 vertical-rl ltr column-reverse wrap justify-content-end
     441vertical-rl ltr column-reverse wrap justify-content-flex-start
     442PASS
     443vertical-rl ltr column-reverse wrap justify-content-flex-end
    444444PASS
    445445vertical-rl ltr column-reverse wrap justify-content-center
    … …  
    449449vertical-rl ltr column-reverse wrap justify-content-space-around
    450450PASS
    451 vertical-rl ltr column-reverse wrap-reverse justify-content-start
    452 PASS
    453 vertical-rl ltr column-reverse wrap-reverse justify-content-end
     451vertical-rl ltr column-reverse wrap-reverse justify-content-flex-start
     452PASS
     453vertical-rl ltr column-reverse wrap-reverse justify-content-flex-end
    454454PASS
    455455vertical-rl ltr column-reverse wrap-reverse justify-content-center
    … …  
    459459vertical-rl ltr column-reverse wrap-reverse justify-content-space-around
    460460PASS
    461 vertical-rl rtl column-reverse wrap justify-content-start
    462 PASS
    463 vertical-rl rtl column-reverse wrap justify-content-end
     461vertical-rl rtl column-reverse wrap justify-content-flex-start
     462PASS
     463vertical-rl rtl column-reverse wrap justify-content-flex-end
    464464PASS
    465465vertical-rl rtl column-reverse wrap justify-content-center
    … …  
    469469vertical-rl rtl column-reverse wrap justify-content-space-around
    470470PASS
    471 vertical-rl rtl column-reverse wrap-reverse justify-content-start
    472 PASS
    473 vertical-rl rtl column-reverse wrap-reverse justify-content-end
     471vertical-rl rtl column-reverse wrap-reverse justify-content-flex-start
     472PASS
     473vertical-rl rtl column-reverse wrap-reverse justify-content-flex-end
    474474PASS
    475475vertical-rl rtl column-reverse wrap-reverse justify-content-center
    … …  
    479479vertical-rl rtl column-reverse wrap-reverse justify-content-space-around
    480480PASS
    481 vertical-lr ltr row wrap justify-content-start
    482 PASS
    483 vertical-lr ltr row wrap justify-content-end
     481vertical-lr ltr row wrap justify-content-flex-start
     482PASS
     483vertical-lr ltr row wrap justify-content-flex-end
    484484PASS
    485485vertical-lr ltr row wrap justify-content-center
    … …  
    489489vertical-lr ltr row wrap justify-content-space-around
    490490PASS
    491 vertical-lr ltr row wrap-reverse justify-content-start
    492 PASS
    493 vertical-lr ltr row wrap-reverse justify-content-end
     491vertical-lr ltr row wrap-reverse justify-content-flex-start
     492PASS
     493vertical-lr ltr row wrap-reverse justify-content-flex-end
    494494PASS
    495495vertical-lr ltr row wrap-reverse justify-content-center
    … …  
    499499vertical-lr ltr row wrap-reverse justify-content-space-around
    500500PASS
    501 vertical-lr rtl row wrap justify-content-start
    502 PASS
    503 vertical-lr rtl row wrap justify-content-end
     501vertical-lr rtl row wrap justify-content-flex-start
     502PASS
     503vertical-lr rtl row wrap justify-content-flex-end
    504504PASS
    505505vertical-lr rtl row wrap justify-content-center
    … …  
    509509vertical-lr rtl row wrap justify-content-space-around
    510510PASS
    511 vertical-lr rtl row wrap-reverse justify-content-start
    512 PASS
    513 vertical-lr rtl row wrap-reverse justify-content-end
     511vertical-lr rtl row wrap-reverse justify-content-flex-start
     512PASS
     513vertical-lr rtl row wrap-reverse justify-content-flex-end
    514514PASS
    515515vertical-lr rtl row wrap-reverse justify-content-center
    … …  
    519519vertical-lr rtl row wrap-reverse justify-content-space-around
    520520PASS
    521 vertical-lr ltr column wrap justify-content-start
    522 PASS
    523 vertical-lr ltr column wrap justify-content-end
     521vertical-lr ltr column wrap justify-content-flex-start
     522PASS
     523vertical-lr ltr column wrap justify-content-flex-end
    524524PASS
    525525vertical-lr ltr column wrap justify-content-center
    … …  
    529529vertical-lr ltr column wrap justify-content-space-around
    530530PASS
    531 vertical-lr ltr column wrap-reverse justify-content-start
    532 PASS
    533 vertical-lr ltr column wrap-reverse justify-content-end
     531vertical-lr ltr column wrap-reverse justify-content-flex-start
     532PASS
     533vertical-lr ltr column wrap-reverse justify-content-flex-end
    534534PASS
    535535vertical-lr ltr column wrap-reverse justify-content-center
    … …  
    539539vertical-lr ltr column wrap-reverse justify-content-space-around
    540540PASS
    541 vertical-lr rtl column wrap justify-content-start
    542 PASS
    543 vertical-lr rtl column wrap justify-content-end
     541vertical-lr rtl column wrap justify-content-flex-start
     542PASS
     543vertical-lr rtl column wrap justify-content-flex-end
    544544PASS
    545545vertical-lr rtl column wrap justify-content-center
    … …  
    549549vertical-lr rtl column wrap justify-content-space-around
    550550PASS
    551 vertical-lr rtl column wrap-reverse justify-content-start
    552 PASS
    553 vertical-lr rtl column wrap-reverse justify-content-end
     551vertical-lr rtl column wrap-reverse justify-content-flex-start
     552PASS
     553vertical-lr rtl column wrap-reverse justify-content-flex-end
    554554PASS
    555555vertical-lr rtl column wrap-reverse justify-content-center
    … …  
    559559vertical-lr rtl column wrap-reverse justify-content-space-around
    560560PASS
    561 vertical-lr ltr row-reverse wrap justify-content-start
    562 PASS
    563 vertical-lr ltr row-reverse wrap justify-content-end
     561vertical-lr ltr row-reverse wrap justify-content-flex-start
     562PASS
     563vertical-lr ltr row-reverse wrap justify-content-flex-end
    564564PASS
    565565vertical-lr ltr row-reverse wrap justify-content-center
    … …  
    569569vertical-lr ltr row-reverse wrap justify-content-space-around
    570570PASS
    571 vertical-lr ltr row-reverse wrap-reverse justify-content-start
    572 PASS
    573 vertical-lr ltr row-reverse wrap-reverse justify-content-end
     571vertical-lr ltr row-reverse wrap-reverse justify-content-flex-start
     572PASS
     573vertical-lr ltr row-reverse wrap-reverse justify-content-flex-end
    574574PASS
    575575vertical-lr ltr row-reverse wrap-reverse justify-content-center
    … …  
    579579vertical-lr ltr row-reverse wrap-reverse justify-content-space-around
    580580PASS
    581 vertical-lr rtl row-reverse wrap justify-content-start
    582 PASS
    583 vertical-lr rtl row-reverse wrap justify-content-end
     581vertical-lr rtl row-reverse wrap justify-content-flex-start
     582PASS
     583vertical-lr rtl row-reverse wrap justify-content-flex-end
    584584PASS
    585585vertical-lr rtl row-reverse wrap justify-content-center
    … …  
    589589vertical-lr rtl row-reverse wrap justify-content-space-around
    590590PASS
    591 vertical-lr rtl row-reverse wrap-reverse justify-content-start
    592 PASS
    593 vertical-lr rtl row-reverse wrap-reverse justify-content-end
     591vertical-lr rtl row-reverse wrap-reverse justify-content-flex-start
     592PASS
     593vertical-lr rtl row-reverse wrap-reverse justify-content-flex-end
    594594PASS
    595595vertical-lr rtl row-reverse wrap-reverse justify-content-center
    … …  
    599599vertical-lr rtl row-reverse wrap-reverse justify-content-space-around
    600600PASS
    601 vertical-lr ltr column-reverse wrap justify-content-start
    602 PASS
    603 vertical-lr ltr column-reverse wrap justify-content-end
     601vertical-lr ltr column-reverse wrap justify-content-flex-start
     602PASS
     603vertical-lr ltr column-reverse wrap justify-content-flex-end
    604604PASS
    605605vertical-lr ltr column-reverse wrap justify-content-center
    … …  
    609609vertical-lr ltr column-reverse wrap justify-content-space-around
    610610PASS
    611 vertical-lr ltr column-reverse wrap-reverse justify-content-start
    612 PASS
    613 vertical-lr ltr column-reverse wrap-reverse justify-content-end
     611vertical-lr ltr column-reverse wrap-reverse justify-content-flex-start
     612PASS
     613vertical-lr ltr column-reverse wrap-reverse justify-content-flex-end
    614614PASS
    615615vertical-lr ltr column-reverse wrap-reverse justify-content-center
    … …  
    619619vertical-lr ltr column-reverse wrap-reverse justify-content-space-around
    620620PASS
    621 vertical-lr rtl column-reverse wrap justify-content-start
    622 PASS
    623 vertical-lr rtl column-reverse wrap justify-content-end
     621vertical-lr rtl column-reverse wrap justify-content-flex-start
     622PASS
     623vertical-lr rtl column-reverse wrap justify-content-flex-end
    624624PASS
    625625vertical-lr rtl column-reverse wrap justify-content-center
    … …  
    629629vertical-lr rtl column-reverse wrap justify-content-space-around
    630630PASS
    631 vertical-lr rtl column-reverse wrap-reverse justify-content-start
    632 PASS
    633 vertical-lr rtl column-reverse wrap-reverse justify-content-end
     631vertical-lr rtl column-reverse wrap-reverse justify-content-flex-start
     632PASS
     633vertical-lr rtl column-reverse wrap-reverse justify-content-flex-end
    634634PASS
    635635vertical-lr rtl column-reverse wrap-reverse justify-content-center

  • trunk/LayoutTests/css3/flexbox/multiline-pack.html

    r119298 r119316  
    77    background-color: grey;
    88    max-width: 100px;
    9     -webkit-align-content: start;
     9    -webkit-align-content: flex-start;
    1010}
    1111.flexbox > * {
    … …  
    5151    -webkit-flex-wrap: wrap-reverse;
    5252}
    53 .justify-content-start {
    54     -webkit-justify-content: start;
     53.justify-content-flex-start {
     54    -webkit-justify-content: flex-start;
    5555}
    56 .justify-content-end {
    57     -webkit-justify-content: end;
     56.justify-content-flex-end {
     57    -webkit-justify-content: flex-end;
    5858}
    5959.justify-content-center {
    … …  
    9292            'ltr': {
    9393                'wrap': {
    94                     'start': {
     94                    'flex-start': {
    9595                        'flexbox': [80, 20],
    9696                        'child1': [40, 10, 0, 0],
    … …  
    9999                        'child4': [20, 10, 40, 10],
    100100                    },
    101                     'end': {
     101                    'flex-end': {
    102102                        'flexbox': [80, 20],
    103103                        'child1': [40, 10, 20, 0],
    … …  
    129129                },
    130130                'wrap-reverse': {
    131                     'start': {
     131                    'flex-start': {
    132132                        'flexbox': [80, 20],
    133133                        'child1': [40, 10, 0, 10],
    … …  
    136136                        'child4': [20, 10, 40, 0],
    137137                    },
    138                     'end': {
     138                    'flex-end': {
    139139                        'flexbox': [80, 20],
    140140                        'child1': [40, 10, 20, 10],
    … …  
    168168            'rtl': {
    169169                'wrap': {
    170                     'start': {
     170                    'flex-start': {
    171171                        'flexbox': [80, 20],
    172172                        'child1': [40, 10, 40, 0],
    … …  
    175175                        'child4': [20, 10, 20, 10],
    176176                    },
    177                     'end': {
     177                    'flex-end': {
    178178                        'flexbox': [80, 20],
    179179                        'child1': [40, 10, 20, 0],
    … …  
    205205                },
    206206                'wrap-reverse': {
    207                     'start': {
     207                    'flex-start': {
    208208                        'flexbox': [80, 20],
    209209                        'child1': [40, 10, 40, 10],
    … …  
    212212                        'child4': [20, 10, 20, 0],
    213213                    },
    214                     'end': {
     214                    'flex-end': {
    215215                        'flexbox': [80, 20],
    216216                        'child1': [40, 10, 20, 10],
    … …  
    246246            'ltr': {
    247247                'wrap': {
    248                     'start': {
     248                    'flex-start': {
    249249                        'flexbox': [100, 80],
    250250                        'child1': [10, 40, 0, 0],
    … …  
    253253                        'child4': [10, 20, 10, 40],
    254254                    },
    255                     'end': {
     255                    'flex-end': {
    256256                        'flexbox': [100, 80],
    257257                        'child1': [10, 40, 0, 20],
    … …  
    283283                },
    284284                'wrap-reverse': {
    285                     'start': {
     285                    'flex-start': {
    286286                        'flexbox': [100, 80],
    287287                        'child1': [10, 40, 90, 0],
    … …  
    290290                        'child4': [10, 20, 80, 40],
    291291                    },
    292                     'end': {
     292                    'flex-end': {
    293293                        'flexbox': [100, 80],
    294294                        'child1': [10, 40, 90, 20],
    … …  
    322322            'rtl': {
    323323                'wrap': {
    324                     'start': {
     324                    'flex-start': {
    325325                        'flexbox': [100, 80],
    326326                        'child1': [10, 40, 90, 0],
    … …  
    329329                        'child4': [10, 20, 80, 40],
    330330                    },
    331                     'end': {
     331                    'flex-end': {
    332332                        'flexbox': [100, 80],
    333333                        'child1': [10, 40, 90, 20],
    … …  
    359359                },
    360360                'wrap-reverse': {
    361                     'start': {
     361                    'flex-start': {
    362362                        'flexbox': [100, 80],
    363363                        'child1': [10, 40, 0, 0],
    … …  
    366366                        'child4': [10, 20, 10, 40],
    367367                    },
    368                     'end': {
     368                    'flex-end': {
    369369                        'flexbox': [100, 80],
    370370                        'child1': [10, 40, 0, 20],
    … …  
    400400            'ltr': {
    401401                'wrap': {
    402                     'start': {
     402                    'flex-start': {
    403403                        'flexbox': [80, 20],
    404404                        'child1': [40, 10, 40, 0],
    … …  
    407407                        'child4': [20, 10, 20, 10],
    408408                    },
    409                     'end': {
     409                    'flex-end': {
    410410                        'flexbox': [80, 20],
    411411                        'child1': [40, 10, 20, 0],
    … …  
    437437                },
    438438                'wrap-reverse': {
    439                     'start': {
     439                    'flex-start': {
    440440                        'flexbox': [80, 20],
    441441                        'child1': [40, 10, 40, 10],
    … …  
    444444                        'child4': [20, 10, 20, 0],
    445445                    },
    446                     'end': {
     446                    'flex-end': {
    447447                        'flexbox': [80, 20],
    448448                        'child1': [40, 10, 20, 10],
    … …  
    476476            'rtl': {
    477477                'wrap': {
    478                     'start': {
     478                    'flex-start': {
    479479                        'flexbox': [80, 20],
    480480                        'child1': [40, 10, 0, 0],
    … …  
    483483                        'child4': [20, 10, 40, 10],
    484484                    },
    485                     'end': {
     485                    'flex-end': {
    486486                        'flexbox': [80, 20],
    487487                        'child1': [40, 10, 20, 0],
    … …  
    513513                },
    514514                'wrap-reverse': {
    515                     'start': {
     515                    'flex-start': {
    516516                        'flexbox': [80, 20],
    517517                        'child1': [40, 10, 0, 10],
    … …  
    520520                        'child4': [20, 10, 40, 0],
    521521                    },
    522                     'end': {
     522                    'flex-end': {
    523523                        'flexbox': [80, 20],
    524524                        'child1': [40, 10, 20, 10],
    … …  
    554554            'ltr': {
    555555                'wrap': {
    556                     'start': {
     556                    'flex-start': {
    557557                        'flexbox': [100, 80],
    558558                        'child1': [10, 40, 0, 40],
    … …  
    561561                        'child4': [10, 20, 10, 20],
    562562                    },
    563                     'end': {
     563                    'flex-end': {
    564564                        'flexbox': [100, 80],
    565565                        'child1': [10, 40, 0, 20],
    … …  
    591591                },
    592592                'wrap-reverse': {
    593                     'start': {
     593                    'flex-start': {
    594594                        'flexbox': [100, 80],
    595595                        'child1': [10, 40, 90, 40],
    … …  
    598598                        'child4': [10, 20, 80, 20],
    599599                    },
    600                     'end': {
     600                    'flex-end': {
    601601                        'flexbox': [100, 80],
    602602                        'child1': [10, 40, 90, 20],
    … …  
    630630            'rtl': {
    631631                'wrap': {
    632                     'start': {
     632                    'flex-start': {
    633633                        'flexbox': [100, 80],
    634634                        'child1': [10, 40, 90, 40],
    … …  
    637637                        'child4': [10, 20, 80, 20],
    638638                    },
    639                     'end': {
     639                    'flex-end': {
    640640                        'flexbox': [100, 80],
    641641                        'child1': [10, 40, 90, 20],
    … …  
    667667                },
    668668                'wrap-reverse': {
    669                     'start': {
     669                    'flex-start': {
    670670                        'flexbox': [100, 80],
    671671                        'child1': [10, 40, 0, 40],
    … …  
    674674                        'child4': [10, 20, 10, 20],
    675675                    },
    676                     'end': {
     676                    'flex-end': {
    677677                        'flexbox': [100, 80],
    678678                        'child1': [10, 40, 0, 20],
    … …  
    710710            'ltr': {
    711711                'wrap': {
    712                     'start': {
     712                    'flex-start': {
    713713                        'flexbox': [80, 20],
    714714                        'child1': [40, 10, 0, 10],
    … …  
    717717                        'child4': [20, 10, 40, 0],
    718718                    },
    719                     'end': {
     719                    'flex-end': {
    720720                        'flexbox': [80, 20],
    721721                        'child1': [40, 10, 20, 10],
    … …  
    747747                },
    748748                'wrap-reverse': {
    749                     'start': {
     749                    'flex-start': {
    750750                        'flexbox': [80, 20],
    751751                        'child1': [40, 10, 0, 0],
    … …  
    754754                        'child4': [20, 10, 40, 10],
    755755                    },
    756                     'end': {
     756                    'flex-end': {
    757757                        'flexbox': [80, 20],
    758758                        'child1': [40, 10, 20, 0],
    … …  
    786786            'rtl': {
    787787                'wrap': {
    788                     'start': {
     788                    'flex-start': {
    789789                        'flexbox': [80, 20],
    790790                        'child1': [40, 10, 40, 10],
    … …  
    793793                        'child4': [20, 10, 20, 0],
    794794                    },
    795                     'end': {
     795                    'flex-end': {
    796796                        'flexbox': [80, 20],
    797797                        'child1': [40, 10, 20, 10],
    … …  
    823823                },
    824824                'wrap-reverse': {
    825                     'start': {
     825                    'flex-start': {
    826826                        'flexbox': [80, 20],
    827827                        'child1': [40, 10, 40, 0],
    … …  
    830830                        'child4': [20, 10, 20, 10],
    831831                    },
    832                     'end': {
     832                    'flex-end': {
    833833                        'flexbox': [80, 20],
    834834                        'child1': [40, 10, 20, 0],
    … …  
    864864            'ltr': {
    865865                'wrap': {
    866                     'start': {
     866                    'flex-start': {
    867867                        'flexbox': [100, 80],
    868868                        'child1': [10, 40, 0, 40],
    … …  
    871871                        'child4': [10, 20, 10, 20],
    872872                    },
    873                     'end': {
     873                    'flex-end': {
    874874                        'flexbox': [100, 80],
    875875                        'child1': [10, 40, 0, 20],
    … …  
    901901                },
    902902                'wrap-reverse': {
    903                     'start': {
     903                    'flex-start': {
    904904                        'flexbox': [100, 80],
    905905                        'child1': [10, 40, 90, 40],
    … …  
    908908                        'child4': [10, 20, 80, 20],
    909909                    },
    910                     'end': {
     910                    'flex-end': {
    911911                        'flexbox': [100, 80],
    912912                        'child1': [10, 40, 90, 20],
    … …  
    940940            'rtl': {
    941941                'wrap': {
    942                     'start': {
     942                    'flex-start': {
    943943                        'flexbox': [100, 80],
    944944                        'child1': [10, 40, 90, 40],
    … …  
    947947                        'child4': [10, 20, 80, 20],
    948948                    },
    949                     'end': {
     949                    'flex-end': {
    950950                        'flexbox': [100, 80],
    951951                        'child1': [10, 40, 90, 20],
    … …  
    977977                },
    978978                'wrap-reverse': {
    979                     'start': {
     979                    'flex-start': {
    980980                        'flexbox': [100, 80],
    981981                        'child1': [10, 40, 0, 40],
    … …  
    984984                        'child4': [10, 20, 10, 20],
    985985                    },
    986                     'end': {
     986                    'flex-end': {
    987987                        'flexbox': [100, 80],
    988988                        'child1': [10, 40, 0, 20],
    … …  
    10181018            'ltr': {
    10191019                'wrap': {
    1020                     'start': {
     1020                    'flex-start': {
    10211021                        'flexbox': [80, 20],
    10221022                        'child1': [40, 10, 40, 10],
    … …  
    10251025                        'child4': [20, 10, 20, 0],
    10261026                    },
    1027                     'end': {
     1027                    'flex-end': {
    10281028                        'flexbox': [80, 20],
    10291029                        'child1': [40, 10, 20, 10],
    … …  
    10551055                },
    10561056                'wrap-reverse': {
    1057                     'start': {
     1057                    'flex-start': {
    10581058                        'flexbox': [80, 20],
    10591059                        'child1': [40, 10, 40, 0],
    … …  
    10621062                        'child4': [20, 10, 20, 10],
    10631063                    },
    1064                     'end': {
     1064                    'flex-end': {
    10651065                        'flexbox': [80, 20],
    10661066                        'child1': [40, 10, 20, 0],
    … …  
    10941094            'rtl': {
    10951095                'wrap': {
    1096                     'start': {
     1096                    'flex-start': {
    10971097                        'flexbox': [80, 20],
    10981098                        'child1': [40, 10, 0, 10],
    … …  
    11011101                        'child4': [20, 10, 40, 0],
    11021102                    },
    1103                     'end': {
     1103                    'flex-end': {
    11041104                        'flexbox': [80, 20],
    11051105                        'child1': [40, 10, 20, 10],
    … …  
    11311131                },
    11321132                'wrap-reverse': {
    1133                     'start': {
     1133                    'flex-start': {
    11341134                        'flexbox': [80, 20],
    11351135                        'child1': [40, 10, 0, 0],
    … …  
    11381138                        'child4': [20, 10, 40, 10],
    11391139                    },
    1140                     'end': {
     1140                    'flex-end': {
    11411141                        'flexbox': [80, 20],
    11421142                        'child1': [40, 10, 20, 0],
    … …  
    11721172            'ltr': {
    11731173                'wrap': {
    1174                     'start': {
     1174                    'flex-start': {
    11751175                        'flexbox': [100, 80],
    11761176                        'child1': [10, 40, 0, 0],
    … …  
    11791179                        'child4': [10, 20, 10, 40],
    11801180                    },
    1181                     'end': {
     1181                    'flex-end': {
    11821182                        'flexbox': [100, 80],
    11831183                        'child1': [10, 40, 0, 20],
    … …  
    12091209                },
    12101210                'wrap-reverse': {
    1211                     'start': {
     1211                    'flex-start': {
    12121212                        'flexbox': [100, 80],
    12131213                        'child1': [10, 40, 90, 0],
    … …  
    12161216                        'child4': [10, 20, 80, 40],
    12171217                    },
    1218                     'end': {
     1218                    'flex-end': {
    12191219                        'flexbox': [100, 80],
    12201220                        'child1': [10, 40, 90, 20],
    … …  
    12481248            'rtl': {
    12491249                'wrap': {
    1250                     'start': {
     1250                    'flex-start': {
    12511251                        'flexbox': [100, 80],
    12521252                        'child1': [10, 40, 90, 0],
    … …  
    12551255                        'child4': [10, 20, 80, 40],
    12561256                    },
    1257                     'end': {
     1257                    'flex-end': {
    12581258                        'flexbox': [100, 80],
    12591259                        'child1': [10, 40, 90, 20],
    … …  
    12851285                },
    12861286                'wrap-reverse': {
    1287                     'start': {
     1287                    'flex-start': {
    12881288                        'flexbox': [100, 80],
    12891289                        'child1': [10, 40, 0, 0],
    … …  
    12921292                        'child4': [10, 20, 10, 40],
    12931293                    },
    1294                     'end': {
     1294                    'flex-end': {
    12951295                        'flexbox': [100, 80],
    12961296                        'child1': [10, 40, 0, 20],
    … …  
    13281328            'ltr': {
    13291329                'wrap': {
    1330                     'start': {
     1330                    'flex-start': {
    13311331                        'flexbox': [20, 80],
    13321332                        'child1': [10, 40, 10, 0],
    … …  
    13351335                        'child4': [10, 20, 0, 40],
    13361336                    },
    1337                     'end': {
     1337                    'flex-end': {
    13381338                        'flexbox': [20, 80],
    13391339                        'child1': [10, 40, 10, 20],
    … …  
    13651365                },
    13661366                'wrap-reverse': {
    1367                     'start': {
     1367                    'flex-start': {
    13681368                        'flexbox': [20, 80],
    13691369                        'child1': [10, 40, 0, 0],
    … …  
    13721372                        'child4': [10, 20, 10, 40],
    13731373                    },
    1374                     'end': {
     1374                    'flex-end': {
    13751375                        'flexbox': [20, 80],
    13761376                        'child1': [10, 40, 0, 20],
    … …  
    14041404            'rtl': {
    14051405                'wrap': {
    1406                     'start': {
     1406                    'flex-start': {
    14071407                        'flexbox': [20, 80],
    14081408                        'child1': [10, 40, 10, 40],
    … …  
    14111411                        'child4': [10, 20, 0, 20],
    14121412                    },
    1413                     'end': {
     1413                    'flex-end': {
    14141414                        'flexbox': [20, 80],
    14151415                        'child1': [10, 40, 10, 20],
    … …  
    14411441                },
    14421442                'wrap-reverse': {
    1443                     'start': {
     1443                    'flex-start': {
    14441444                        'flexbox': [20, 80],
    14451445                        'child1': [10, 40, 0, 40],
    … …  
    14481448                        'child4': [10, 20, 10, 20],
    14491449                    },
    1450                     'end': {
     1450                    'flex-end': {
    14511451                        'flexbox': [20, 80],
    14521452                        'child1': [10, 40, 0, 20],
    … …  
    14821482            'ltr': {
    14831483                'wrap': {
    1484                     'start': {
     1484                    'flex-start': {
    14851485                        'flexbox': [80, 40],
    14861486                        'child1': [40, 10, 40, 0],
    … …  
    14891489                        'child4': [20, 10, 20, 10],
    14901490                    },
    1491                     'end': {
     1491                    'flex-end': {
    14921492                        'flexbox': [80, 40],
    14931493                        'child1': [40, 10, 20, 0],
    … …  
    15191519                },
    15201520                'wrap-reverse': {
    1521                     'start': {
     1521                    'flex-start': {
    15221522                        'flexbox': [80, 40],
    15231523                        'child1': [40, 10, 40, 30],
    … …  
    15261526                        'child4': [20, 10, 20, 20],
    15271527                    },
    1528                     'end': {
     1528                    'flex-end': {
    15291529                        'flexbox': [80, 40],
    15301530                        'child1': [40, 10, 20, 30],
    … …  
    15581558            'rtl': {
    15591559                'wrap': {
    1560                     'start': {
     1560                    'flex-start': {
    15611561                        'flexbox': [80, 40],
    15621562                        'child1': [40, 10, 40, 30],
    … …  
    15651565                        'child4': [20, 10, 20, 20],
    15661566                    },
    1567                     'end': {
     1567                    'flex-end': {
    15681568                        'flexbox': [80, 40],
    15691569                        'child1': [40, 10, 20, 30],
    … …  
    15951595                },
    15961596                'wrap-reverse': {
    1597                     'start': {
     1597                    'flex-start': {
    15981598                        'flexbox': [80, 40],
    15991599                        'child1': [40, 10, 40, 0],
    … …  
    16021602                        'child4': [20, 10, 20, 10],
    16031603                    },
    1604                     'end': {
     1604                    'flex-end': {
    16051605                        'flexbox': [80, 40],
    16061606                        'child1': [40, 10, 20, 0],
    … …  
    16361636            'ltr': {
    16371637                'wrap': {
    1638                     'start': {
     1638                    'flex-start': {
    16391639                        'flexbox': [20, 80],
    16401640                        'child1': [10, 40, 10, 40],
    … …  
    16431643                        'child4': [10, 20, 0, 20],
    16441644                    },
    1645                     'end': {
     1645                    'flex-end': {
    16461646                        'flexbox': [20, 80],
    16471647                        'child1': [10, 40, 10, 20],
    … …  
    16731673                },
    16741674                'wrap-reverse': {
    1675                     'start': {
     1675                    'flex-start': {
    16761676                        'flexbox': [20, 80],
    16771677                        'child1': [10, 40, 0, 40],
    … …  
    16801680                        'child4': [10, 20, 10, 20],
    16811681                    },
    1682                     'end': {
     1682                    'flex-end': {
    16831683                        'flexbox': [20, 80],
    16841684                        'child1': [10, 40, 0, 20],
    … …  
    17121712            'rtl': {
    17131713                'wrap': {
    1714                     'start': {
     1714                    'flex-start': {
    17151715                        'flexbox': [20, 80],
    17161716                        'child1': [10, 40, 10, 0],
    … …  
    17191719                        'child4': [10, 20, 0, 40],
    17201720                    },
    1721                     'end': {
     1721                    'flex-end': {
    17221722                        'flexbox': [20, 80],
    17231723                        'child1': [10, 40, 10, 20],
    … …  
    17491749                },
    17501750                'wrap-reverse': {
    1751                     'start': {
     1751                    'flex-start': {
    17521752                        'flexbox': [20, 80],
    17531753                        'child1': [10, 40, 0, 0],
    … …  
    17561756                        'child4': [10, 20, 10, 40],
    17571757                    },
    1758                     'end': {
     1758                    'flex-end': {
    17591759                        'flexbox': [20, 80],
    17601760                        'child1': [10, 40, 0, 20],
    … …  
    17901790            'ltr': {
    17911791                'wrap': {
    1792                     'start': {
     1792                    'flex-start': {
    17931793                        'flexbox': [80, 40],
    17941794                        'child1': [40, 10, 0, 0],
    … …  
    17971797                        'child4': [20, 10, 40, 10],
    17981798                    },
    1799                     'end': {
     1799                    'flex-end': {
    18001800                        'flexbox': [80, 40],
    18011801                        'child1': [40, 10, 20, 0],
    … …  
    18271827                },
    18281828                'wrap-reverse': {
    1829                     'start': {
     1829                    'flex-start': {
    18301830                        'flexbox': [80, 40],
    18311831                        'child1': [40, 10, 0, 30],
    … …  
    18341834                        'child4': [20, 10, 40, 20],
    18351835                    },
    1836                     'end': {
     1836                    'flex-end': {
    18371837                        'flexbox': [80, 40],
    18381838                        'child1': [40, 10, 20, 30],
    … …  
    18661866            'rtl': {
    18671867                'wrap': {
    1868                     'start': {
     1868                    'flex-start': {
    18691869                        'flexbox': [80, 40],
    18701870                        'child1': [40, 10, 0, 30],
    … …  
    18731873                        'child4': [20, 10, 40, 20],
    18741874                    },
    1875                     'end': {
     1875                    'flex-end': {
    18761876                        'flexbox': [80, 40],
    18771877                        'child1': [40, 10, 20, 30],
    … …  
    19031903                },
    19041904                'wrap-reverse': {
    1905                     'start': {
     1905                    'flex-start': {
    19061906                        'flexbox': [80, 40],
    19071907                        'child1': [40, 10, 0, 0],
    … …  
    19101910                        'child4': [20, 10, 40, 10],
    19111911                    },
    1912                     'end': {
     1912                    'flex-end': {
    19131913                        'flexbox': [80, 40],
    19141914                        'child1': [40, 10, 20, 0],
    … …  
    19461946            'ltr': {
    19471947                'wrap': {
    1948                     'start': {
     1948                    'flex-start': {
    19491949                        'flexbox': [20, 80],
    19501950                        'child1': [10, 40, 0, 0],
    … …  
    19531953                        'child4': [10, 20, 10, 40],
    19541954                    },
    1955                     'end': {
     1955                    'flex-end': {
    19561956                        'flexbox': [20, 80],
    19571957                        'child1': [10, 40, 0, 20],
    … …  
    19831983                },
    19841984                'wrap-reverse': {
    1985                     'start': {
     1985                    'flex-start': {
    19861986                        'flexbox': [20, 80],
    19871987                        'child1': [10, 40, 10, 0],
    … …  
    19901990                        'child4': [10, 20, 0, 40],
    19911991                    },
    1992                     'end': {
     1992                    'flex-end': {
    19931993                        'flexbox': [20, 80],
    19941994                        'child1': [10, 40, 10, 20],
    … …  
    20222022            'rtl': {
    20232023                'wrap': {
    2024                     'start': {
     2024                    'flex-start': {
    20252025                        'flexbox': [20, 80],
    20262026                        'child1': [10, 40, 0, 40],
    … …  
    20292029                        'child4': [10, 20, 10, 20],
    20302030                    },
    2031                     'end': {
     2031                    'flex-end': {
    20322032                        'flexbox': [20, 80],
    20332033                        'child1': [10, 40, 0, 20],
    … …  
    20592059                },
    20602060                'wrap-reverse': {
    2061                     'start': {
     2061                    'flex-start': {
    20622062                        'flexbox': [20, 80],
    20632063                        'child1': [10, 40, 10, 40],
    … …  
    20662066                        'child4': [10, 20, 0, 20],
    20672067                    },
    2068                     'end': {
     2068                    'flex-end': {
    20692069                        'flexbox': [20, 80],
    20702070                        'child1': [10, 40, 10, 20],
    … …  
    21002100            'ltr': {
    21012101                'wrap': {
    2102                     'start': {
     2102                    'flex-start': {
    21032103                        'flexbox': [80, 40],
    21042104                        'child1': [40, 10, 0, 0],
    … …  
    21072107                        'child4': [20, 10, 40, 10],
    21082108                    },
    2109                     'end': {
     2109                    'flex-end': {
    21102110                        'flexbox': [80, 40],
    21112111                        'child1': [40, 10, 20, 0],
    … …  
    21372137                },
    21382138                'wrap-reverse': {
    2139                     'start': {
     2139                    'flex-start': {
    21402140                        'flexbox': [80, 40],
    21412141                        'child1': [40, 10, 0, 30],
    … …  
    21442144                        'child4': [20, 10, 40, 20],
    21452145                    },
    2146                     'end': {
     2146                    'flex-end': {
    21472147                        'flexbox': [80, 40],
    21482148                        'child1': [40, 10, 20, 30],
    … …  
    21762176            'rtl': {
    21772177                'wrap': {
    2178                     'start': {
     2178                    'flex-start': {
    21792179                        'flexbox': [80, 40],
    21802180                        'child1': [40, 10, 0, 30],
    … …  
    21832183                        'child4': [20, 10, 40, 20],
    21842184                    },
    2185                     'end': {
     2185                    'flex-end': {
    21862186                        'flexbox': [80, 40],
    21872187                        'child1': [40, 10, 20, 30],
    … …  
    22132213                },
    22142214                'wrap-reverse': {
    2215                     'start': {
     2215                    'flex-start': {
    22162216                        'flexbox': [80, 40],
    22172217                        'child1': [40, 10, 0, 0],
    … …  
    22202220                        'child4': [20, 10, 40, 10],
    22212221                    },
    2222                     'end': {
     2222                    'flex-end': {
    22232223                        'flexbox': [80, 40],
    22242224                        'child1': [40, 10, 20, 0],
    … …  
    22542254            'ltr': {
    22552255                'wrap': {
    2256                     'start': {
     2256                    'flex-start': {
    22572257                        'flexbox': [20, 80],
    22582258                        'child1': [10, 40, 0, 40],
    … …  
    22612261                        'child4': [10, 20, 10, 20],
    22622262                    },
    2263                     'end': {
     2263                    'flex-end': {
    22642264                        'flexbox': [20, 80],
    22652265                        'child1': [10, 40, 0, 20],
    … …  
    22912291                },
    22922292                'wrap-reverse': {
    2293                     'start': {
     2293                    'flex-start': {
    22942294                        'flexbox': [20, 80],
    22952295                        'child1': [10, 40, 10, 40],
    … …  
    22982298                        'child4': [10, 20, 0, 20],
    22992299                    },
    2300                     'end': {
     2300                    'flex-end': {
    23012301                        'flexbox': [20, 80],
    23022302                        'child1': [10, 40, 10, 20],
    … …  
    23302330            'rtl': {
    23312331                'wrap': {
    2332                     'start': {
     2332                    'flex-start': {
    23332333                        'flexbox': [20, 80],
    23342334                        'child1': [10, 40, 0, 0],
    … …  
    23372337                        'child4': [10, 20, 10, 40],
    23382338                    },
    2339                     'end': {
     2339                    'flex-end': {
    23402340                        'flexbox': [20, 80],
    23412341                        'child1': [10, 40, 0, 20],
    … …  
    23672367                },
    23682368                'wrap-reverse': {
    2369                     'start': {
     2369                    'flex-start': {
    23702370                        'flexbox': [20, 80],
    23712371                        'child1': [10, 40, 10, 0],
    … …  
    23742374                        'child4': [10, 20, 0, 40],
    23752375                    },
    2376                     'end': {
     2376                    'flex-end': {
    23772377                        'flexbox': [20, 80],
    23782378                        'child1': [10, 40, 10, 20],
    … …  
    24082408            'ltr': {
    24092409                'wrap': {
    2410                     'start': {
     2410                    'flex-start': {
    24112411                        'flexbox': [80, 40],
    24122412                        'child1': [40, 10, 40, 0],
    … …  
    24152415                        'child4': [20, 10, 20, 10],
    24162416                    },
    2417                     'end': {
     2417                    'flex-end': {
    24182418                        'flexbox': [80, 40],
    24192419                        'child1': [40, 10, 20, 0],
    … …  
    24452445                },
    24462446                'wrap-reverse': {
    2447                     'start': {
     2447                    'flex-start': {
    24482448                        'flexbox': [80, 40],
    24492449                        'child1': [40, 10, 40, 30],
    … …  
    24522452                        'child4': [20, 10, 20, 20],
    24532453                    },
    2454                     'end': {
     2454                    'flex-end': {
    24552455                        'flexbox': [80, 40],
    24562456                        'child1': [40, 10, 20, 30],
    … …  
    24842484            'rtl': {
    24852485                'wrap': {
    2486                     'start': {
     2486                    'flex-start': {
    24872487                        'flexbox': [80, 40],
    24882488                        'child1': [40, 10, 40, 30],
    … …  
    24912491                        'child4': [20, 10, 20, 20],
    24922492                    },
    2493                     'end': {
     2493                    'flex-end': {
    24942494                        'flexbox': [80, 40],
    24952495                        'child1': [40, 10, 20, 30],
    … …  
    25212521                },
    25222522                'wrap-reverse': {
    2523                     'start': {
     2523                    'flex-start': {
    25242524                        'flexbox': [80, 40],
    25252525                        'child1': [40, 10, 40, 0],
    … …  
    25282528                        'child4': [20, 10, 20, 10],
    25292529                    },
    2530                     'end': {
     2530                    'flex-end': {
    25312531                        'flexbox': [80, 40],
    25322532                        'child1': [40, 10, 20, 0],
    … …  
    25882588var directions = ['ltr', 'rtl'];
    25892589var wraps = ['wrap', 'wrap-reverse'];
    2590 var justifyContents = ['start', 'end', 'center', 'space-between', 'space-around'];
     2590var justifyContents = ['flex-start', 'flex-end', 'center', 'space-between', 'space-around'];
    25912591
    25922592writingModes.forEach(function(writingMode) {

  • trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html

    r119131 r119316  
    4747
    4848<div class="flexbox" style="width: 300px;">
    49   <div style="-webkit-flex: 1 0 100px; -webkit-align-self: start; height: 100px">first</div>
     49  <div style="-webkit-flex: 1 0 100px; -webkit-align-self: flex-start; height: 100px">first</div>
    5050  <div style="-webkit-flex: 1 0 100px;">second</div>
    5151  <div style="-webkit-flex: 1 0 100px;">third<br>third</div>

  • trunk/LayoutTests/css3/flexbox/multiline-reverse-wrap-overflow.html

    r119298 r119316  
    88    -webkit-flex-wrap: wrap-reverse;
    99    margin-top: 20px;
    10     -webkit-align-content: start;
     10    -webkit-align-content: flex-start;
    1111}
    1212.flexbox > div {

  • trunk/LayoutTests/css3/flexbox/multiline-shrink-to-fit.html

    r119298 r119316  
    99    -webkit-flex-direction: column;
    1010    float: left;
    11     -webkit-align-content: start;
     11    -webkit-align-content: flex-start;
    1212}
    1313.flexbox > * {

  • trunk/LayoutTests/css3/flexbox/multiline.html

    r119298 r119316  
    77    background-color: grey;
    88    max-width: 600px;
    9     -webkit-align-content: start;
     9    -webkit-align-content: flex-start;
    1010}
    1111.flexbox > * {

  • trunk/LayoutTests/css3/flexbox/nested-stretch.html

    r119298 r119316  
    5050None of the boxes should overflow and the inner most boxes should be end aligned.
    5151<div class="flexbox column" style="width: 600px; height: 300px; position: relative;">
    52   <div data-expected-width=590 data-expected-height=250 class="column flex" style="-webkit-justify-content: end">
     52  <div data-expected-width=590 data-expected-height=250 class="column flex" style="-webkit-justify-content: flex-end">
    5353    <div data-offset-y="180" data-expected-width=570 data-expected-height=30 style="height: 20px; -webkit-flex: none;"></div>
    5454    <div data-offset-y="220" data-expected-width=570 data-expected-height=30 style="height: 20px; -webkit-flex: none;"></div>

  • trunk/LayoutTests/css3/flexbox/orthogonal-flex-directions.html

    r119191 r119316  
    6363
    6464.align-start {
    65     -webkit-align-self: start;
     65    -webkit-align-self: flex-start;
    6666}
    6767</style>

  • trunk/LayoutTests/css3/flexbox/true-centering.html

    r119298 r119316  
    8484</div>
    8585
    86 <div class="flexbox" style="-webkit-align-items: start; -webkit-justify-content: start;">
     86<div class="flexbox" style="-webkit-align-items: flex-start; -webkit-justify-content: flex-start;">
    8787    <div data-offset-x=0 data-offset-y=0></div>
    8888    <div data-offset-x=60 data-offset-y=0></div>
    8989</div>
    9090
    91 <div class="flexbox" style="-webkit-align-items: start; -webkit-justify-content: space-between;">
     91<div class="flexbox" style="-webkit-align-items: flex-start; -webkit-justify-content: space-between;">
    9292    <div data-offset-x=0 data-offset-y=0></div>
    9393    <div data-offset-x=60 data-offset-y=0></div>

  • trunk/LayoutTests/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    151151    -webkit-flex-flow: row none
    152152    -webkit-flex-wrap: none
    153     -webkit-justify-content: start
     153    -webkit-justify-content: flex-start
    154154    -webkit-font-kerning: auto
    155155    -webkit-font-smoothing: auto

  • trunk/LayoutTests/platform/chromium-linux-x86/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-linux/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-mac-leopard/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/chromium-mac-leopard/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-mac-snowleopard/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-mac/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/chromium-mac/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    152152    -webkit-flex-flow: row none
    153153    -webkit-flex-wrap: none
    154     -webkit-justify-content: start
     154    -webkit-justify-content: flex-start
    155155    -webkit-font-kerning: auto
    156156    -webkit-font-smoothing: auto

  • trunk/LayoutTests/platform/chromium-mac/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-win-vista/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-win-xp/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/chromium-win/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/chromium-win/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    152152    -webkit-flex-flow: row none
    153153    -webkit-flex-wrap: none
    154     -webkit-justify-content: start
     154    -webkit-justify-content: flex-start
    155155    -webkit-font-kerning: auto
    156156    -webkit-font-smoothing: auto

  • trunk/LayoutTests/platform/chromium-win/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/gtk/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    152152-webkit-flex-flow: row none;
    153153-webkit-flex-wrap: none;
    154 -webkit-justify-content: start;
     154-webkit-justify-content: flex-start;
    155155-webkit-font-kerning: auto;
    156156-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/gtk/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    301301rect: style.getPropertyValue(-webkit-flex-wrap) : none
    302302rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    303 rect: style.getPropertyValue(-webkit-justify-content) : start
     303rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    304304rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    305305rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    833833g: style.getPropertyValue(-webkit-flex-wrap) : none
    834834g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    835 g: style.getPropertyValue(-webkit-justify-content) : start
     835g: style.getPropertyValue(-webkit-justify-content) : flex-start
    836836g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    837837g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/mac/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/mac/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    152152    -webkit-flex-flow: row none
    153153    -webkit-flex-wrap: none
    154     -webkit-justify-content: start
     154    -webkit-justify-content: flex-start
    155155    -webkit-font-kerning: auto
    156156    -webkit-font-smoothing: auto

  • trunk/LayoutTests/platform/mac/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/qt/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    152152    -webkit-flex-flow: row none
    153153    -webkit-flex-wrap: none
    154     -webkit-justify-content: start
     154    -webkit-justify-content: flex-start
    155155    -webkit-font-kerning: auto
    156156    -webkit-font-smoothing: auto

  • trunk/LayoutTests/platform/qt/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    303303rect: style.getPropertyValue(-webkit-flex-wrap) : none
    304304rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    305 rect: style.getPropertyValue(-webkit-justify-content) : start
     305rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    306306rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    307307rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    837837g: style.getPropertyValue(-webkit-flex-wrap) : none
    838838g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    839 g: style.getPropertyValue(-webkit-justify-content) : start
     839g: style.getPropertyValue(-webkit-justify-content) : flex-start
    840840g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    841841g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/LayoutTests/platform/win/fast/css/getComputedStyle/computed-style-expected.txt

    r119298 r119316  
    153153-webkit-flex-flow: row none;
    154154-webkit-flex-wrap: none;
    155 -webkit-justify-content: start;
     155-webkit-justify-content: flex-start;
    156156-webkit-font-kerning: auto;
    157157-webkit-font-smoothing: auto;

  • trunk/LayoutTests/platform/win/fast/css/getComputedStyle/computed-style-without-renderer-expected.txt

    r119298 r119316  
    152152    -webkit-flex-flow: row none
    153153    -webkit-flex-wrap: none
    154     -webkit-justify-content: start
     154    -webkit-justify-content: flex-start
    155155    -webkit-font-kerning: auto
    156156    -webkit-font-smoothing: auto

  • trunk/LayoutTests/svg/css/getComputedStyle-basic-expected.txt

    r119298 r119316  
    299299rect: style.getPropertyValue(-webkit-flex-wrap) : none
    300300rect: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    301 rect: style.getPropertyValue(-webkit-justify-content) : start
     301rect: style.getPropertyValue(-webkit-justify-content) : flex-start
    302302rect: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    303303rect: style.getPropertyValue(-webkit-font-kerning) : auto
    … …  
    829829g: style.getPropertyValue(-webkit-flex-wrap) : none
    830830g: style.getPropertyCSSValue(-webkit-flex-wrap) : [object CSSPrimitiveValue]
    831 g: style.getPropertyValue(-webkit-justify-content) : start
     831g: style.getPropertyValue(-webkit-justify-content) : flex-start
    832832g: style.getPropertyCSSValue(-webkit-justify-content) : [object CSSPrimitiveValue]
    833833g: style.getPropertyValue(-webkit-font-kerning) : auto

  • trunk/Source/WebCore/ChangeLog

    r119313 r119316  
     12012-06-02  Tony Chang  <tony@chromium.org>
     2
     3        Rename the flexbox CSS propery values from start to flex-start and end to flex-end
     4        https://bugs.webkit.org/show_bug.cgi?id=88152
     5
     6        Reviewed by Ojan Vafai.
     7
     8        The spec changed. This is to differentiate from start/end which will
     9        depend on writing mode direction, rather than flex direction.
     10
     11        No new tests, just updated the existing values.
     12
     13        * css/CSSParser.cpp:
     14        (WebCore::isValidKeywordPropertyAndValue):
     15        * css/CSSPrimitiveValueMappings.h:
     16        (WebCore::CSSPrimitiveValue::CSSPrimitiveValue):
     17        (WebCore::CSSPrimitiveValue::operator EAlignItems):
     18        (WebCore::CSSPrimitiveValue::operator EJustifyContent):
     19        (WebCore::CSSPrimitiveValue::operator EAlignContent):
     20        * css/CSSValueKeywords.in:
     21        * rendering/RenderFlexibleBox.cpp:
     22        (WebCore::initialJustifyContentOffset):
     23        (WebCore::alignmentForChild):
     24        (WebCore::initialAlignContentOffset):
     25        (WebCore::RenderFlexibleBox::alignFlexLines):
     26        (WebCore::RenderFlexibleBox::alignChildren):
     27        * rendering/style/RenderStyle.h:
     28        * rendering/style/RenderStyleConstants.h:
     29
    1302012-06-01  Alexandre Elias  <aelias@google.com>
    231

  • trunk/Source/WebCore/css/CSSParser.cpp

    r119298 r119316  
    691691#if ENABLE(CSS3_FLEXBOX)
    692692    case CSSPropertyWebkitAlignContent:
    693          if (valueID == CSSValueStart || valueID == CSSValueEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround || valueID == CSSValueStretch)
     693         if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround || valueID == CSSValueStretch)
    694694             return true;
    695695         break;
    696696    case CSSPropertyWebkitAlignItems:
    697         if (valueID == CSSValueStart || valueID == CSSValueEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
     697        if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
    698698            return true;
    699699        break;
    700700    case CSSPropertyWebkitAlignSelf:
    701         if (valueID == CSSValueAuto || valueID == CSSValueStart || valueID == CSSValueEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
     701        if (valueID == CSSValueAuto || valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueBaseline || valueID == CSSValueStretch)
    702702            return true;
    703703        break;
    … …  
    711711        break;
    712712    case CSSPropertyWebkitJustifyContent:
    713         if (valueID == CSSValueStart || valueID == CSSValueEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround)
     713        if (valueID == CSSValueFlexStart || valueID == CSSValueFlexEnd || valueID == CSSValueCenter || valueID == CSSValueSpaceBetween || valueID == CSSValueSpaceAround)
    714714            return true;
    715715        break;

  • trunk/Source/WebCore/css/CSSPrimitiveValueMappings.h

    r119298 r119316  
    12061206        m_value.ident = CSSValueAuto;
    12071207        break;
    1208     case AlignStart:
    1209         m_value.ident = CSSValueStart;
    1210         break;
    1211     case AlignEnd:
    1212         m_value.ident = CSSValueEnd;
     1208    case AlignFlexStart:
     1209        m_value.ident = CSSValueFlexStart;
     1210        break;
     1211    case AlignFlexEnd:
     1212        m_value.ident = CSSValueFlexEnd;
    12131213        break;
    12141214    case AlignCenter:
    … …  
    12291229    case CSSValueAuto:
    12301230        return AlignAuto;
    1231     case CSSValueStart:
    1232         return AlignStart;
    1233     case CSSValueEnd:
    1234         return AlignEnd;
     1231    case CSSValueFlexStart:
     1232        return AlignFlexStart;
     1233    case CSSValueFlexEnd:
     1234        return AlignFlexEnd;
    12351235    case CSSValueCenter:
    12361236        return AlignCenter;
    … …  
    12411241    default:
    12421242        ASSERT_NOT_REACHED();
    1243         return AlignStart;
     1243        return AlignFlexStart;
    12441244    }
    12451245}
    … …  
    12501250    m_primitiveUnitType = CSS_IDENT;
    12511251    switch (e) {
    1252     case JustifyStart:
    1253         m_value.ident = CSSValueStart;
    1254         break;
    1255     case JustifyEnd:
    1256         m_value.ident = CSSValueEnd;
     1252    case JustifyFlexStart:
     1253        m_value.ident = CSSValueFlexStart;
     1254        break;
     1255    case JustifyFlexEnd:
     1256        m_value.ident = CSSValueFlexEnd;
    12571257        break;
    12581258    case JustifyCenter:
    … …  
    12711271{
    12721272    switch (m_value.ident) {
    1273     case CSSValueStart:
    1274         return JustifyStart;
    1275     case CSSValueEnd:
    1276         return JustifyEnd;
     1273    case CSSValueFlexStart:
     1274        return JustifyFlexStart;
     1275    case CSSValueFlexEnd:
     1276        return JustifyFlexEnd;
    12771277    case CSSValueCenter:
    12781278        return JustifyCenter;
    … …  
    12831283    default:
    12841284        ASSERT_NOT_REACHED();
    1285         return JustifyStart;
     1285        return JustifyFlexStart;
    12861286    }
    12871287}
    … …  
    13291329    m_primitiveUnitType = CSS_IDENT;
    13301330    switch (e) {
    1331     case AlignContentStart:
    1332         m_value.ident = CSSValueStart;
    1333         break;
    1334     case AlignContentEnd:
    1335         m_value.ident = CSSValueEnd;
     1331    case AlignContentFlexStart:
     1332        m_value.ident = CSSValueFlexStart;
     1333        break;
     1334    case AlignContentFlexEnd:
     1335        m_value.ident = CSSValueFlexEnd;
    13361336        break;
    13371337    case AlignContentCenter:
    … …  
    13531353{
    13541354    switch (m_value.ident) {
    1355     case CSSValueStart:
    1356         return AlignContentStart;
    1357     case CSSValueEnd:
    1358         return AlignContentEnd;
     1355    case CSSValueFlexStart:
     1356        return AlignContentFlexStart;
     1357    case CSSValueFlexEnd:
     1358        return AlignContentFlexEnd;
    13591359    case CSSValueCenter:
    13601360        return AlignContentCenter;

  • trunk/Source/WebCore/css/CSSValueKeywords.in

    r119045 r119316  
    489489
    490490#if defined(ENABLE_CSS3_FLEXBOX) && ENABLE_CSS3_FLEXBOX
    491 // CSS_PROP_FLEX_ALIGN
    492 // start
    493 // end
     491// CSS_PROP_ALIGN_CONTENT
     492flex-start
     493flex-end
     494// center
     495space-between
     496space-around
     497// stretch
     498
     499// CSS_PROP_ALIGN_ITEMS / CSS_PROP_ALIGN_SELF
     500// flex-start
     501// flex-end
    494502// center
    495503// baseline
    496504// stretch
    497505
    498 // CSS_PROP_FLEX_PACK
    499 // start
    500 // end
     506// CSS_PROP_JUSTIFY_CONTENT
     507// flex-start
     508// flex-end
    501509// center
    502 space-between
    503 space-around
     510// space-between
     511// space-around
    504512
    505513// CSS_PROP_FLEX_FLOW
    … …  
    512520wrap-reverse
    513521
    514 // CSS_PROP_FLEX_LINE_PACK
    515 // start
    516 // end
    517 // center
    518 // space-between
    519 // space-around
    520 // stretch
    521522#endif
    522523

  • trunk/Source/WebCore/rendering/RenderFlexibleBox.cpp

    r119298 r119316  
    903903static LayoutUnit initialJustifyContentOffset(LayoutUnit availableFreeSpace, EJustifyContent justifyContent, unsigned numberOfChildren)
    904904{
    905     if (justifyContent == JustifyEnd)
     905    if (justifyContent == JustifyFlexEnd)
    906906        return availableFreeSpace;
    907907    if (justifyContent == JustifyCenter)
    … …  
    961961
    962962    if (child->parent()->style()->flexWrap() == FlexWrapReverse) {
    963         if (align == AlignStart)
    964             align = AlignEnd;
    965         else if (align == AlignEnd)
    966             align = AlignStart;
     963        if (align == AlignFlexStart)
     964            align = AlignFlexEnd;
     965        else if (align == AlignFlexEnd)
     966            align = AlignFlexStart;
    967967    }
    968968
    … …  
    10711071static LayoutUnit initialAlignContentOffset(LayoutUnit availableFreeSpace, EAlignContent alignContent, unsigned numberOfLines)
    10721072{
    1073     if (alignContent == AlignContentEnd)
     1073    if (alignContent == AlignContentFlexEnd)
    10741074        return availableFreeSpace;
    10751075    if (alignContent == AlignContentCenter)
    … …  
    10971097void RenderFlexibleBox::alignFlexLines(OrderIterator& iterator, WTF::Vector<LineContext>& lineContexts)
    10981098{
    1099     if (!isMultiline() || style()->alignContent() == AlignContentStart)
     1099    if (!isMultiline() || style()->alignContent() == AlignContentFlexStart)
    11001100        return;
    11011101
    … …  
    11671167                break;
    11681168            }
    1169             case AlignStart:
     1169            case AlignFlexStart:
    11701170                break;
    1171             case AlignEnd:
     1171            case AlignFlexEnd:
    11721172                adjustAlignmentForChild(child, availableAlignmentSpaceForChild(lineCrossAxisExtent, child));
    11731173                break;

  • trunk/Source/WebCore/rendering/style/RenderStyle.h

    r119298 r119316  
    15901590    static EFlexDirection initialFlexDirection() { return FlowRow; }
    15911591    static EFlexWrap initialFlexWrap() { return FlexWrapNone; }
    1592     static EJustifyContent initialJustifyContent() { return JustifyStart; }
     1592    static EJustifyContent initialJustifyContent() { return JustifyFlexStart; }
    15931593    static int initialMarqueeLoopCount() { return -1; }
    15941594    static int initialMarqueeSpeed() { return 85; }

  • trunk/Source/WebCore/rendering/style/RenderStyleConstants.h

    r119298 r119316  
    174174// CSS3 Flexbox Properties
    175175
    176 enum EAlignContent { AlignContentStart, AlignContentEnd, AlignContentCenter, AlignContentSpaceBetween, AlignContentSpaceAround, AlignContentStretch };
    177 enum EAlignItems { AlignAuto, AlignStart, AlignEnd, AlignCenter, AlignStretch, AlignBaseline };
     176enum EAlignContent { AlignContentFlexStart, AlignContentFlexEnd, AlignContentCenter, AlignContentSpaceBetween, AlignContentSpaceAround, AlignContentStretch };
     177enum EAlignItems { AlignAuto, AlignFlexStart, AlignFlexEnd, AlignCenter, AlignStretch, AlignBaseline };
    178178enum EFlexDirection { FlowRow, FlowRowReverse, FlowColumn, FlowColumnReverse };
    179179enum EFlexWrap { FlexWrapNone, FlexWrap, FlexWrapReverse };
    180 enum EJustifyContent { JustifyStart, JustifyEnd, JustifyCenter, JustifySpaceBetween, JustifySpaceAround };
     180enum EJustifyContent { JustifyFlexStart, JustifyFlexEnd, JustifyCenter, JustifySpaceBetween, JustifySpaceAround };
    181181
    182182enum ETextSecurity {
Note: See TracChangeset for help on using the changeset viewer.