kotak-flex CSS3 properti
contoh
Mendefinisikan dua elemen p fleksibel. Jika total lebar kotak orangtua adalah 300px, # P1 akan memiliki lebar 100px, # P2 akan memiliki lebar 200px:
{
-moz-box-flex:1.0; /* Firefox */
-webkit-box-flex:1.0; /* Safari and Chrome */
-ms-flex:1.0; /* Internet Explorer 10 */
box-flex:1.0;
border:1px solid red;
}
#p2
{
-moz-box-flex:2.0; /* Firefox */
-webkit-box-flex:2.0; /* Safari and Chrome */
-ms-flex:2.0; /* Internet Explorer 10 */
box-flex:2.0;
border:1px solid blue;
}
Coba »
Dukungan Browser
Browser utama saat ini tidak mendukung properti kotak-flex.
Internet Explorer 10 milik pribadi dengan dukungan -MS-flex.
Firefox oleh properti swasta dukungan kotak-flex moz.
Safari dan Chrome dengan milik pribadi dukungan kotak-flex-WebKit.
Catatan: Internet Explorer 9 dan versi sebelumnya dari IE tidak mendukung kotak fleksibel.
Definisi atribut dan petunjuk
atribut kotak-flex menentukan elemen kotak anak ukuran fleksibel atau tetap.
Tip: Dengan kotakmenyusut dan tumbuh, apakah elemen adalah psikiater fleksibel atau tumbuh. Setiap kali ada ruang ekstra di dalam kotak, unsur-unsur yang fleksibel memperluas untuk mengisi ruang.
default: | 0,0 (yang menunjukkan bahwa elemen tersebut tidak fleksibel) |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | objek .style.boxFlex = 2.0 |
tatabahasa
nilai | deskripsi |
---|---|
nilai | elemen fleksibilitas. Semua Flex relatif |