FirefoxとSafariのCSS徹底検証

テキストをスタイルシート適用前の状態に戻す方法

CSS 3で提案されている「initial」を利用して、スタイルシートでデザインされたテキストを、適用前の状態に戻す方法を解説する。 2008-12-11 14:20:01

CSS 3のボックスレイアウトでコンテンツを画面の中央に配置する

4回に渡って紹介してきたCSS 3の新しいレイアウト手法「ボックスレイアウト」。今回はボックスレイアウトを利用して、コンテンツを画面の中央に配置する方法を紹介する。 2008-12-03 19:55:01

ボックスレイアウトの方向をコントロールする

2回に渡って紹介してきたボックスレイアウト。今回は縦にレイアウトする際のコントロールの仕方を紹介する。 2008-11-14 20:02:01

ボックスレイアウトで簡単リキッドレイアウト

今回はボックスレイアウトでリキッドレイアウトを作成する方法と、段組みの段の表示順序を指定する方法を紹介する。 2008-11-14 17:45:01

CSS 3における新しいレイアウト手法:ボックスレイアウト

今回は、floatプロパティとボックスレイアウトを利用した段組みを比較していく。また、CSS 3で段組みのレイアウトを実現する「Multi Column」との違いも確認する。 2008-11-13 22:24:01

長い単語やURLの改行をコントロールするword-wrapプロパティ

今回はブラウザごとのURLの改行処理の違いを確認し、長い単語やURLの改行をコントロールするword-wrapプロパティを紹介する。 2008-10-29 18:07:01

ウェブページの段組みのデザインをカスタマイズする

FirefoxやSafari、ChromeなどのブラウザのCSS対応を解説する本連載。今回は段組みの間隔を調節するcolum-gapと、区切り線を挿入するcolum-ruleプロパティを紹介する。 2008-10-17 17:00:00

ウェブページの段組みをレイアウトするCSS 3のMulti Column

ウェブページを段組みで表現するには、floatプロパティやpositionプロパティを利用するのが一般的だ。しかし、CSS 3のMulti Columnを利用すると、コンテンツ変更に伴うレイアウトの調整を省力化できるだろう。 2008-10-03 19:54:00

CSS 3におけるテキストの自動改行と禁則処理の定義

今回は、前回に続いて自動改行の設定を行うword-breakプロパティと、禁則処理の設定を行うline-breakプロパティを紹介する。また、word-breakとline-breakプロパティのCSS 3における定義も紹介したい。 2008-09-26 21:17:01

テキストの自動改行をコントロールするword-breakプロパティ

ウェブページに表示されるテキストがどの部分で改行されるか――これを把握しておくことは、ウェブデザインにおいて非常に重要だ。 2008-09-19 12:31:01

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]