Skip to main content

Module pseudo_box

Module pseudo_box 

Source
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。