CSSの構成要素・概念 CSSのボックスモデルとマージンの相殺
ボックスモデルブラウザーが文書をレイアウトする際には、それぞれの要素を「CSSボックスモデル」に基づいた長方形のボックスとして描画します。CSSでは、このボックスに対して、寸法、位置、背景、境界線などを指定していきます。このボックスは、下図...
CSSの構成要素・概念 CSSの構成要素・概念 CSSで使用される単位と値
CSSの単位と値CSSの宣言は、全てプロパティと値の組を含みます。プロパティによって、その値は単純な整数やキーワードから、一連のキーワード、単位付きの値、単位なしの値などを含みます。テキストのデータ型<custom-ident> ユーザー定...
CSSの構成要素・概念 CSSのカスケードと継承
カスケードカスケードとは、様々なソースから来るCSSの宣言を組み合わせる際のアルゴリズムのことを指しています。一口にCSSと言っても、Webサイトの製作者が意識して触っているもの以外にも、いくつかの種類が存在します。異なるソースから来るCS...
CSSの構成要素・概念 CSSの優先順位と詳細度
CSSの優先順位CSSは大原則として、「出てきた順」に処理されます。<!DOCTYPE html><html lang="ja"><head> <meta charset="utf-8"> <link rel="stylesheet" hr...
CSSの構成要素・概念 CSSの構文
CSSの構文CSSは【ルールセット】という単位で、ページの要素に対して、色、位置、装飾などを指定していきます。このルールセットの中で、【セレクタ】によって、対象となる要素を特定し、【プロパティ】と【プロパティ値】を組み合わせた【宣言】を記述...
CSSの構成要素・概念 CSS
CSSとはCSSは、"Cascading Style Sheets"の略で、スタイルシート言語と呼ばれる、プログラミング言語の一種で、HTML文書の体裁や見栄えを表現するために用いられます。CSSの仕様は、「W3C標準仕様」によって、ウェブ...
ウェブコンポーネント <template>要素
<template>要素の定義英語で「鋳型」や「ひな形」を表す"template"より。ページの読み込み時にすぐには描画されないものの、後で JavaScript を使用してインスタンスを生成できる HTML を保持するメカニズムです。テン...
その他 <dialog>要素
<dialog>要素の定義英語で「対話」を表す"dialog"より。ダイアログボックスやインスペクターやウィンドウのようなそのほかの対話的コンポーネントを表します。新しい要素ということもあって、Internet Explorerのみならず、...
ウェブコンポーネント <slot>要素
<slot>要素の定義英語で「溝」を表す"slot"より。ウェブコンポーネント内で別な DOM ツリーを構築し、いっしょに表示することができる独自のマークアップを入れることができるプレイスホルダーです。子要素として使えるもの透過的コンテンツ...
その他 <summary>要素
<summary>要素の定義英語で「概要」を表す"summary"の複数形。<details> 要素の内容の要約、キャプション、説明、凡例を表します。 <summary> 要素をクリックすると、親の <details> 要素の開閉状態を切り...