Expand description
位置指定された ::before/::after の箱(純粋モジュール)。
【2026-10-03】AtmOS は疑似要素の文字(content)しか描いておらず、背景や位置を持つ箱を
作っていなかった。content:''; position:absolute; inset:0; background:url(...) のような装飾
(オーバーレイ・年表の縦線・点)が丸ごと消えていた。sugi-lab.net/profile.htm のページ見出しで、
紫のグラデーションの下に透ける写真(.page-hero::before、opacity:.2)が出ていなかった。
カスケードは疑似要素への宣言を要素自身の x-before-<名前> / x-after-<名前> として持つので、
ここで接頭辞を外して疑似要素用の値の表にし、包含ブロック(要素のパディングボックス)から
矩形を決める。描画は通常の箱と同じ処理に任せる(web_engine::layout)。
対象は position:absolute/fixed の疑似要素だけ(流れの中に置く疑似要素の箱はレイアウトが要る)。
Constants§
- INHERITED 🔒
- 疑似要素へ引き継ぐ継承プロパティ(文字色・字体等。疑似要素の文字は別経路で描くが、
currentColor等の解決に要る)。
Functions§
- abs_
rect - 包含ブロック
cb(x, y, 幅, 高さ)の中での疑似要素の矩形(x, y, 幅, 高さ)。 幅はwidth、無ければleft+rightから、どちらも無ければ 0(content:''の箱は内容幅 0)。 高さも同様。leftが無くrightがあれば右寄せ。 - border_
px - 枠線の太さ(px、四辺同じとみなす)。
border-widthまたはborder一括指定の最初の長さ。border:none/指定なしは 0。年表の点(border:3px solid #fff)等の装飾用。 - len 🔒
- pseudo_
values - 要素の値の表から、位置指定された疑似要素
which(“before”/“after”)の値の表を作る。contentが無い・none、display:none、位置指定が absolute/fixed 以外ならNone。