エレメント、Window用途別インデックス

HTML

エレメント

<div>、 <span>

レイアウト、カテゴリー

<article>、 <aside>、 <footer>、 <main>、 <nav>、 <section>

表示、非表示

<details>、 <summary>、 <template>

ポップアップダイアログ、モーダルウィンドウ

<dialog>

注釈入りイラスト、図、写真、コード例

<figcaption>、 <figure>

別ページ

<iframe>

CSS

サイズ

height、 width、 max-height、 max-width、 min-height、 min-width、 resize

スクロール追加

overflow、 overflow-x、 overflow-y

マージン、パディング、ボーダー

共通

box-sizing

マージン

margin、 margin-bottom、 margin-left、 margin-right、 margin-top

パディング

padding、 padding-bottom、 padding-left、 padding-right、 padding-top

ボーダー、罫線

全体

border、 border-collapse、 border-color、 border-spacing、 border-style、 border-width

上辺

border-top、 border-top-color、 border-top-left-radius、 border-top-right-radius、 border-top-style、 border-top-width

下辺

border-bottom、 border-bottom-color、 border-bottom-left-radius、 border-bottom-right-radius、 border-bottom-style、 border-bottom-width

左辺

border-left、 border-left-color、 border-left-style、 border-left-width

右辺

border-right、 border-right-color、 border-right-style、 border-right-width

角を丸に

border-radius

画像を線に

border-image、 border-image-outset、 border-image-repeat、 border-image-slice、 border-image-source、 border-image-width

アウトライン

outline、 outline-color、 outline-offset、 outline-style、 outline-width

配置

位置調整

bottom、 left、 right、 top、 position、 z-index

横並び（フレックス）

order

横並び（フレックス）

display:flex;、 align-content、 align-items、 align-self、 justify-content、 flex-wrap、 flex-basis、 flex-direction、 flex-flow

配列（グリッド）

display:grid;、 grid-area、 grid-auto-columns、 grid-auto-flow、 grid-auto-rows、 grid-column、 grid-column-end、 grid-column-gap、 grid-column-start、 grid-gap、 grid-row、 grid-row-end、 grid-row-gap、 grid-row-start、 grid-template、 grid-template-areas、 grid-template-columns、 grid-template-rows、

背景

background、 background-attachment、 background-blend-mode、 background-clip、 background-color、 background-image、 background-origin、 background-position、 background-repeat、 background-size、 linear-gradient、 radial-gradient

フィルタ、加工

filter、 transform、 transform-origin

ブレンド

isolation、 linear-gradient()、 mix-blend-mode、 radial-gradient()

影

box-shadow

透過

opacity

回転

backface-visibility、

立体

perspective、 perspective-origin

カラム

column-fill、 column-gap、 column-rule、 column-rule-color、 column-rule-style、 column-rule-width、 column-span、 column-width、 columns

ページ内移動

scroll-behavior

表示、非表示

visibility

DOM

HTMLエレメント

インターフェース、クラス

Document、 Element、 FocusEvent、 Attr

イベント

blur、 focus、 focusin、 focusout、 load、 resize、 scroll、 toggle

プロパティ

メソッド

Window

インターフェース

HashChangeEvent、 PageTransitionEvent、 Window

イベント

beforeunload、 hashchange、 load、 pagehide、 pageshow、 unload

プロパティ

newURL、 oldURL、 persisted

メソッド