Contenu connexe
Similaire à 新しいCSSの仕様を色々調べてみた (20)
新しいCSSの仕様を色々調べてみた
- 2. Who am I?
@
hiromitsuuuuu
Hiromi
Morikawa
n html5j スタッフ
n うどん県 → 福岡 → 東京なう
n Web Developper
n HTML5, CSS, JS, UI,
Javaも少々
n フロントエンド中心のR&Dチーム
でWeb標準系技術担当やってます
n blog : RIAxDNP, Mitsu.log();
2
- 24. Demo
n flow-into, flow-from
<!-- コンテンツの中身の定義 -->
/* コンテンツの中身の定義 */
#source {
-webkit-flow-into: sample;
}
※任意の名前
<div id="source">
<p>むかしむかし、あるところに…</p>
<p>おじいさんは山へしばかれに…</p>
</div>
<!-- 表示する領域の定義 -->
/* 表示する領域の定義 */
<article>
<p class="region"></p>
<p class="region"></p>
</article>
.region {
-webkit-flow-from: sample;
}
CSS
HTML
24
- 42. Grid Layout
要素をグリッド状に
配置できる仕様
CSS Grid Layout Module
Level 1
.myGrid {
display: grid;
}
【引用】CSS
グリッドを使ってアダプティブ レイアウトを作成する方法
n プロパティを使って列と行を設定する
n まさにテーブルレイアウト!
n IE10+ のみ (Can I use CSS Grid Layout?)
• [参考]グリッド レイアウト(Internet Explorer)
42