詳細 Details – ブロックサンプル

要約

ここに詳細を書く。見た目的には、要約のテキストをクリックすると、展開／収納するはず。

詳細部分には、おそらく全てのブロックを入れることができるかと。
HTMLの定義的には、フローコンテンツであればなんでもいれてOKです。

HTMLの <details> タグを挿入すると思ってOKです。
折りたたみの挙動もHTMLを使っているので、特段WP独自のJSやCSSがある訳じゃないです。
ということは逆に、ブラウザで見た目や挙動が違う可能性もある訳だけど。

ブロックの設定

<details> タグに open 理論属性を与えるかどうか、すなわち、要素が表示されているときに、詳細部分を展開しているかどうかです。デフォルトは FALSE。

D属性を追加します、つまり、ページ内リンクの飛び先として設定できるってこと。
以下、説明文引用↓

1〜2単語を空白スペースなしで入力すると、このブロックに「アンカー」と呼ばれる固有の Web アドレスが作成されます。ページのこのセクションに直接リンクできます。

ページジャンプ

要素の CLASS 属性に、独自にクラス名を追加できます。
以下、説明文の引用↓

複数クラスを半角スペースで区切ります。

「許可するブロックを管理」ボタンを押すと、下記のようにブロックの一覧が表示されます。この中から選んだブロックだけを、コンテナ内部に追加できるようになるってことかと。

block.json の supports.allowedBlocks の値が TRUE なら出てくるんじゃないかと思っている。
以下、説明文の引用↓

このコンテナ内部で許可するブロックを指定してください。

テキスト、背景、リンク

（フォント）サイズ（デフォルトで展開）
フォント（ファミリー）
外観（フォントファミリーに用意された字体（太さや斜体）の選択）
行の高さ（line-height）
文字間隔（letter-spacing）
装飾（text-decoration）
大文字小文字（text-transform）

Typography Settings overview

ブロックの間隔、パディング、マージンに対応

詳細の折り畳まれた部分に含まれるブロックのブロック方向の間隔を制御しているように見える。

ブロックライブラリのソースはこちら↓