Use LEFT and RIGHT arrow keys to navigate between flashcards;
Use UP and DOWN arrow keys to flip the card;
H to show hint;
A reads text to speech;
14 Cards in this Set
- Front
- Back
enable the flexbox layout
|
display: -ms-flexbox;
|
|
set the flex direction
|
-ms-flex-direction: (row, column, row-reverse, column-reverse, or inherit)
|
|
set the flex alignment
|
-ms-flex-align: (start, end, center, stretch, baseline)
|
|
set the flex distribution of extra spacing
|
-ms-flex-pack: (start, end, center, justify)
|
|
set the flex wrapping
|
-ms-flex-wrap: (none, wrap, wrap-reverse
|
|
set the flex widht/height and flexibility
|
-ms-flex: (< positive-flex >, < negative-flex >, < preferred-size >), none)
|
|
set the flex order of the child element
|
-ms-flex-order:1
|
|
flexbox syntax
|
< style type =” text/ css” > #myBox { display: -ms-flexbox; -ms-flex-pack: justify; } #box1 { -ms-flex-order: 2; } #box2 { -ms-flex-order: 3; } #box3 { -ms-flex-order: 1; } < div id =” myBox” >< div id =” box1” > Box 1 </ div > < div id =” box2” > Box 2 </ div > < div id =” box3” > Box 3 </ div > </ div >
|
|
multi-column layout column-count property
|
column-count:3; // specifies the number of columns to display.
|
|
multi-column layout column-gap property
|
column-gap:40px; //specifies the amount of space between columns
|
|
multi-column layout column-rule property
|
column-rule: 1px solid #999999; // specifies the properties of any line (rule) between the columns
|
|
ms grid syntax
|
#grid { display: -ms-grid; -ms-grid-columns: auto 100px 1fr 100px auto; -ms-grid-rows: 100px 3em auto; }
|
|
flow-into property
|
flow-into:article1; // the value must match the flow-from value
|
|
flow-from property
|
flow-from:article1; // the value must match the flow-into property
|