Source Code CSS3 For Flexible Box Layout
 |
Flexible Box Layout CSS3 |
Satu hal yang
cukup menarik dari CSS3 adalah model
baru box yang fleksibel yang secara mendasar dapat mengatur secara
lebih baik, bagian elemen blok yang tidak digunakan. Flexible Box Layout adalah sebuah modul CSS3 bukan property yang bertujuan untuk
memberikan pengaturan baik layout, align, dan pengaturan jarak antar item dalam
suatu container secara fleksibel. Tujuan pertama kali dibuat flexible box layout
untuk memberikan container, baik itu untuk header, footer, menu atau ditempat
lain.
Baiklah kita lihat langsung source code CSS3 yang digunakan
untuk memodifikasi flexible box layout-nya.
|
FLEXIBLE BOX LAYOUT
|
|
|
box-align
|
start | end
| center |
base-line | stretch
|
|
box-direction
|
normal | reverse
| inherit
|
|
box-flex
|
number
|
|
box-flex-group
|
integer
|
|
box-lines
|
single | multiple
|
|
box-ordinal-group
|
integer
|
|
box-orient
|
horizontal | vertical
| inline-axis |
block-axis | inherit
|
|
box-pack
|
start | end
| center |
justify
|
|
box-sizing
|
content-box | padding-box |
border-box | margin-box
|
|
tab-side
|
Top | bottom
| left |
rigth
|
Categories:
CSS
0 komentar:
Post a Comment