マルチカラムの間隔を調節する方法をみつけました。 Ardor( @ArdorOnline )です。 マルチカラムが簡単にできるようになったのはいいですが、間隔などマージンのやり方がわからずにいました。 間隔を指定するプロパティが見つかったので、ご紹介します。

column-widthでもマルチカラムレイアウトが作れます。 Ardor( @ArdorOnline )です。 マルチカラムレイアウトをCSS3で作るならcolumn-widthでも作れます。 前回、column-countでマルチカラムを作成しました。 colum...

様々なサイトで段組みレイアウトが使われています。 Ardor( @ArdorOnline )です。 段組みレイアウトは、ブラウザによってレイアウトが崩れたり、なかなか思い通りのレイアウトにならなかったりと苦労が耐えないものです。 そんな段組みレイアウトの機能が、CSS...

リストやテーブルの行に繰り返してスタイルを指定する方法があります。 Ardor( @ArdorOnline )です。 以前は、奇数に"odd"、偶数に"even"とクラスを指定して対応することが多かったです。 CSS3からは、構...

メディアクエリについて調べていました。 Ardor( @ArdorOnline )です。 CSS3から特性の指定ができるようになり細かく制御できるようになりました。 ここで一度整理しておきます。

テーブルで空の場所にスタイルを適用したいことがあります。 Ardor( @ArdorOnline )です。 テーブルのデータが空だったらスタイルクラスを指定することで解決していました。 CSS3からは、もっと簡単に一括して設定する方法がありました！emptyについてご...

構造擬似クラスは要素のカウント方法が違うものがあります。 Ardor( @ArdorOnline )です。 以前「 CSS3で要素に繰り返しスタイルを適用する方法 」で 繰り返しスタイルを適用する方法をご紹介しました。 ご紹介したのは「:nth-child」の使い方で...