CSS3とは

CSSとはCSS(スタイルシート)とは、HTMLで作られたウェブページに装飾やレイアウトなどのデザインを加える仕組み(言語)です。今ご覧になっている記事も、文字色・背景色・枠線色などの各種配色や、余白量・段組構造・表示位置の調整など、あらゆるデザインにCSSが使われています。装飾もレイアウトもほとん...続きを読む

文字が意図しないサイズで表示されてしまう？文字サイズを割合で指定する単位CSSで文字サイズを指定する際には、「70%」や「0.7em」のような割合で指定することもできます。これは、「親要素の文字サイズ」を基準にして、表示する文字サイズを指定する方法です。この方法だと、入れ子構造になっている要素では、...続きを読む

CSS3とは？CSS3とは、ウェブページの見栄えを作る言語として使われている従来のCSS(スタイルシート)に、新しく便利な仕様を加えた規格のことです。従来のCSSとも互換性があるため、バージョンはあまり気にせずに使えます。CSS3はHTML5と並んで目にすることも多いでしょうが、HTML5とセットで...続きを読む

CSS3で新しく追加されたプロパティのうち、代表的なブラウザ（InternetExplorer、Firefox、Chrome、Safari、Opera）の各最新版で既に表示可能なものの中から4点をご紹介致します。CSS3への対応が遅かったInternetExplorerでも、Ver.9（IE9）でな...続きを読む

InternetExplorer10を含む最近のブラウザでは、どんどんCSS3への対応が進んでいます。今後は、より便利になったCSS3が広く活用されるようになるでしょう。しかし、IE6～8のような古いブラウザのユーザもまだたくさん居ます。そのために、CSS3で加わった新しいプロパティの活用を躊躇され...続きを読む

偶数や奇数など指定した規則で装飾先を限定できるCSSの書き方がある▲nth-child疑似クラスのソース例リストやテーブルなど、多数の項目が連続する要素に対して、偶数番目だけに適用するスタイル奇数番目だけに適用するスタイルなどのように、任意の規則で一部分だけに異なる装飾を施す方法がCSSには用意され...続きを読む

文字を写真の上に載せるなら、影を活用すると見やすくなる文字に影(縁取り)があると見やすい背景に写真画像を配置して、上から文字を重ねるデザインを使いたい場合があります。例えば、サイトロゴやページタイトル、見出しをデザインする際などです。しかし、写真の上に文字を重ねると、読みにくくなることもあります。そ...続きを読む