マルチカラムの例
2015年8月10日 / 編集カテゴリー一覧, 配置(みばえ)
マルチカラムを実装してみます。CSS3columnsプロパティでの実装です。 column-count: 段の数を指定して段組を作る column-width: 段の横幅を指定して段組を作る columns: 上記のプロパティを一括して指定するプロパティ 段と段の間の罫線→間隔を調整したりできるプロパティも用意されているそうですのでそれもメモしておきましょう。 HTML <div [ ・・続きを読む]
2015年8月10日 / 編集カテゴリー一覧, 配置(みばえ)
マルチカラムを実装してみます。CSS3columnsプロパティでの実装です。 column-count: 段の数を指定して段組を作る column-width: 段の横幅を指定して段組を作る columns: 上記のプロパティを一括して指定するプロパティ 段と段の間の罫線→間隔を調整したりできるプロパティも用意されているそうですのでそれもメモしておきましょう。 HTML <div [ ・・続きを読む]
2015年8月12日 / 編集カテゴリー一覧, 配置(みばえ)
Media Queriesは、「ブラウザの表示領域」や「端末の画面サイズ」など閲覧環境の細かな条件に応じて、適用するスタイルを振り分けられるCSS3の機能です。スクリプトを用いることなく、サイトをパソコンで見るときやスマートフォンで見るときなど、閲覧環境別のデザインを簡単に適用できます。