擬似クラス :link
概要:link 疑似クラスは、まだ訪問されていない要素を表します。:link 疑似クラスによって定義されたスタイルは、他のリンク関連の疑似クラス （ :active 、 :hover 、 :visited ）によって上書きされます。適切にリ...
管理人
擬似クラス 擬似クラス :active
概要:active 疑似クラスは、ユーザーによってアクティブ化されている要素 (ボタンなど) を表します。:active 疑似クラスは、 <a> 要素や、 <button> 要素でよく使われますが、それ以外にも、アクティブ化される要素を含む...
CSSプロパティ -webkit-line-clamp
概要-webkit-line-clamp プロパティは、ブロック内のコンテンツを指定した行数に切り詰めて表示する際に使用します。ただし、以下のプロパティを組み合わせないと、有効に機能しません。【必須】 display プロパティに、"-we...
CSSの構成要素・概念 CSSセレクター
基本セレクター全称セレクターすべての要素を選択します。任意で、特定の名前空間に限定したり、すべての名前空間を対象にしたりすることができます。構文* { スタイルプロパティ } 文書内の全ての要素にスタイルを適用します。CSS3からは、アスタ...
CSSの構成要素・概念 CSS一括指定プロパティ
一括指定プロパティ一括指定プロパティ は、他の幾つかの CSS プロパティを一度に設定できる CSS プロパティです。CSS では、同じ主題に作用する共通のプロパティの定義をグループ化するために、一括指定プロパティを定義しています。一括指定...
CSSの構成要素・概念 CSSの値の計算（指定値 / 初期値 / 計算値 / 使用値 / 実効値）
CSSプロパティの【実効値】CSSプロパティの 実効値 は、実際にブラウザによってレンダリングされる際の値のことで、すべての必要な推定が適用された後の 使用値 です。例えば、border-width プロパティに % や em 単位で値を...
CSSの構成要素・概念 ブロック整形コンテキスト
ブロック整形コンテキストとはブロック整形コンテキストとは、ブラウザによるレンダリング機能の一部で、ブロックボックスのレイアウトが行われ、浮動が他の要素と相互に作用する領域を指します。ブロック整形コンテキストは、以下の２つの動きを理解するのに...
CSSの構成要素・概念 重ね合わせコンテキストのサンプル
サンプル１まずは、以下のような構造の HTML で実例を見ていきます。<body> 要素DIV #1DIV #2DIV #3DIV #4実際のHTMLと最初の時点のCSSは下記のとおりです。<body> <div id="div1"> <b...
CSSの構成要素・概念 CSSの重ね合わせコンテキスト
重ね合わせコンテキストとは重ね合わせコンテキストとは、Webページを閲覧しているユーザーに対して、HTML 要素を仮想の Z軸 にそって並べられた要素を概念化したものです。重ね合わせコンテキストは、文書の随所に様々な要素によって構成されます...
CSSの構成要素・概念 CSSのレイアウトと包含ブロック
CSSで文書をレイアウトする際、その要素の位置や寸法は、【包含ブロック】というものに影響を受けます。多くの場合では、包含ブロックはその要素から見て直近のブロックレベルの祖先要素になりますが、例外もあります。前の記事のおさらいですが、CSSで...