[css-grid] Handle alignment with orthogonal flows

third_party/WebKit/LayoutTests/fast/css-grid-layout/resources/grid-alignment.css

 /* align-self */
 .alignSelfAuto { align-self: auto; }
 .alignSelfStretch { align-self: stretch; }
 .alignSelfStart { align-self: start; }
 .alignSelfEnd { align-self: end; }
 .alignSelfCenter { align-self: center; }
 .alignSelfRight { align-self: right; }
 .alignSelfLeft { align-self: left; }
 
 .alignSelfFlexStart { align-self: flex-start; }
@@ skipping 113 matching lines @@
 .itemsSelfEnd {
     align-items: self-end;
     justify-items: self-end;
 }
 
 /* Both align-self and justify-self */
 .selfStretch {
     align-self: stretch;
     justify-self: stretch;
 }
+.selfStart {
+    align-self: start;
+    justify-self: start;
+}
+.selfEnd {
+    align-self: end;
+    justify-self: end;
+}
+.selfCenter {
+    align-self: center;
+    justify-self: center;
+}
+.selfRight {
+    align-self: right;
+    justify-self: right;
+}
+.selfLeft {
+    align-self: left;
+    justify-self: left;
+}
+.selfSelfStart {
+    align-self: self-start;
+    justify-self: self-start;
+}
+.selfSelfEnd {
+    align-self: self-end;
+    justify-self: self-end;
+}
 
 /* Both align-content and justify-content */
 .contentStart {
     align-content: start;
     justify-content: start;
 }
 .contentCenter {
     align-content: center;
     justify-content: center;
 }
@@ skipping 34 matching lines @@
 
 .contentSpaceEvenly {
     justify-content: space-evenly;
     align-content: space-evenly;
 }
 
 .contentStretch {
     justify-content: stretch;
     align-content: stretch;
 }