色の指定と同時に、透明度を表す「アルファチャンネル」も指定できる記述方法です。0が「完全に透明」で、1が「完全に不透明」で、小数を使って不透明割合を指定できます。上記の場合はアルファチャンネルに値「0.55」を指定しているので、「55%不透明(=45%透明)」になります。上記のCSSソースでは、2行目の背景色(background-colorプロパティ)にのみアルファチャンネルを含むRGBAカラーモデルで色を指定しています。3行目の文字色(colorプロパティ)にはただ「blue」と色名を指定しているだけです。この場合、背後が透過するのは背景色部分だけであって、文字部分の背後は透過しません。文字色の方には不透明度は指定されていないからです。これによって、「背景色は半透明にするものの、文字色は不透明に」できるわけです。背景色と文字色の両方をRGBAカラーモデルで指定すれば、例えば「背景色は50%半透明で、文字色は10%だけ透過させる」といった微調整も可能です。opacityプロパティとRGBAカラーモデルは、どちらも透過させられるという点で一見すると用途が似ているように思えますが、このような違いがあります。使い分けてみて下さい。※同様の方法で、逆に「背景色は不透明なまま、文字色を半透明にする」こともできますが、その場合、文字色の背後には背景色が見えるだけです。背景色のさらに背後まで透過するわけではありません。コーヒーをおごる著者紹介にしし(西村文宏)にししでございます。本書いたり記事書いたりしてます。著書5冊発売中です(Web製作系4冊+小説1冊)。本の最新刊は2011年3月に発売されたライトノベルでございますよ。Aboutでウェブ作成系の記事を連載しています。2001年からの累計記事数は400本を超えています。下記の電子書籍を書きました。Unlimitedにも対応。(紙の本)5冊の著書があります。➡著書一覧と詳細これまでに、下記の書籍を上梓致しました。逃走少女と契約しました。製作依頼について●製作のご依頼は:例えばデザイナーである貴方が作成なさったデザイン物のHTML+CSSでの実装作業など、各種の製作依頼を承っております。お気軽にお問い合わせ下さい。▲同じデザインでもCSSの書き方には多数の方法があります。どんな書き方を選択すればメンテナンス性の高いCSSソースになるのかがよく分かってお勧めです。▲PCだけでなく様々なサイズのモバイル端末に対応させるためのCSSの書き方などについて、カラーで見やすく解説されていて分かりやすいです。▲ユーザビリティとは何なのかを分かりやすく解説した本。読み物としても面白いです。■だから、そのデザインはダメなんだ。良い・悪いが比べてわかる▲何が原因で分かりにくくなってしまうのかを列挙したサンプル集。「こういうデザインだけは避けておこう」というマイナス回避の手段としても。知らないと困るWebデザインの新ルール4▲最近よく使われている様々なデザインパーツについて、それぞれの実現方法としてHTML+CSSソースの書き方を紹介しているTips集。カラーで見やすいです。掌田津耶乃さんによるBootstrap解説書。現場の新標準ガイド(マイナビ出版/368ページ)CSS(スタイルシート)に関する解説書は、HTMLを書く知識がどれくらいあるのかの前提が様々なので、自分に合う解説なのかどうかをプレビューなどで確認したり、目次から大まかな内容はチェックしておいた方が良いと思います。»スタイルシートTipsふぁくとりーの主要なカテゴリ下記のカテゴリに区分して、スタイルシートに関するTIPSを公開しています。カッコ内の数字は、該当する記事の件数です。(7)著者紹介にしし(西村文宏)にししでございます。本書いたり記事書いたりしてます。著書5冊発売中です(Web製作系4冊+小説1冊)。本の最新刊は2011年3月に発売されたライトノベルでございますよ。▼当サイト内外で関連しそうな記事などが自動表示されています。INFORMATIONSこのページの製作者は、にしし(西村文宏)です。このページの内容は真実であることが基本ですが、虚構や妄想が混じっていることも多々あります。(^_^;)リンクは歓迎致します。リンク用バナーも用意しています。必要であればご使用下さい。このサイトについてこのページは、スマートフォン・タブレット等のモバイル端末でもご覧頂けます。URLは端末に関係なく共通です。※このサイトは横幅768px未満で閲覧するとモバイル用、横幅768px以上で閲覧するとタブレット&PC用デザインになります。横幅920px以上での閲覧がお勧めです。古いブラウザ(特にIE7以下など)では横幅に関係なくレガシーデザインになります。