WebPlatform Docs WebPlatformDocs
WebPlatformDocs
/ dabblet.html
Created
October 8, 2014 10:50
— forked from anonymous/dabblet.html
Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form> | |
| <fieldset> | |
| <legend>Check boxes</legend> | |
| <input type="checkbox" name="check1" id="check1" value="Option 1"> | |
| <label for="check1">Option 1</label><br> | |
| <input type="checkbox" name="check2" id="check2" value="Option 2" checked> | |
| <label for="check2">Option 2</label><br> | |
| <input type="checkbox" name="check3" id="check3" value="Option 3"> | |
| <label for="check3">Option 3</label><br> | |
| <input type="checkbox" name="check4" id="check4" value="Option 4" checked> <label for="check4">Option 4</label> |
WebPlatformDocs
/ dabblet.html
Created
October 8, 2014 10:50
— forked from anonymous/dabblet.html
Untitled
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form> | |
| <fieldset> | |
| <legend>Check boxes</legend> | |
| <input type="checkbox" name="check1" id="check1" value="Option 1"> | |
| <label for="check1">Option 1</label><br> | |
| <input type="checkbox" name="check2" id="check2" value="Option 2" checked> | |
| <label for="check2">Option 2</label><br> | |
| <input type="checkbox" name="check3" id="check3" value="Option 3"> | |
| <label for="check3">Option 3</label><br> | |
| <input type="checkbox" name="check4" id="check4" value="Option 4" checked> <label for="check4">Option 4</label> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-flow: column wrap; | |
| -moz-flex-flow: row wrap; | |
| -ms-flex-flow: row wrap; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-flow: row wrap; | |
| -moz-flex-flow: row wrap; | |
| -ms-flex-flow: row wrap; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: flex; | |
| flex-flow: row wrap; | |
| } | |
| .list div { | |
| flex: 1; | |
| background: #CCC; | |
| margin: 5px; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-flow: row wrap; | |
| -moz-flex-flow: row wrap; | |
| -ms-flex-flow: row wrap; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * order | |
| * CSS3 flexbox order property | |
| * http://docs.webplatform.org/wiki/css/properties/flex-order | |
| */ | |
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-wrap: nowrap; | |
| -moz-flex-wrap: nowrap; | |
| -ms-flex-wrap: nowrap; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -moz-flex-direction: column; | |
| -ms-flex-direction: column; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .list { | |
| display: -webkit-flex; | |
| display: -moz-flex; | |
| display: -ms-flex; | |
| display: -o-flex; | |
| display: flex; | |
| -webkit-flex-direction: column; | |
| -moz-flex-direction: column; | |
| -ms-flex-direction: column; |
NewerOlder