사용자 스킨 등록. FORM-only 검증 + 가드레일 클램프 후 런타임 <style> 로
.og-container[data-og-skin="id"] 블록을 주입(브라우저 환경). 반환은 조정 결과.
Register a user skin. After FORM-only validation and guardrail clamps, injects a
.og-container[data-og-skin="id"] block via a runtime <style> (browser env). Returns the adjusted result.
ユーザースキンの登録。FORM-only 検証 + ガードレールのクランプのあと、ランタイムの <style> で
.og-container[data-og-skin="id"] ブロックを注入します(ブラウザ環境)。戻り値は調整の結果です。
注册用户皮肤。经 FORM-only 检查 + 防护栏钳制后,用运行时 <style> 注入
.og-container[data-og-skin="id"] 块(浏览器环境)。返回调整的结果。
스킨 id
Skin id
スキン id
皮肤 id
FORM 토큰 델타
FORM token delta
FORM トークンデルタ
FORM 令牌增量
조정된 델타 + 경고 목록
Adjusted delta plus warnings
調整されたデルタ + 警告リスト
调整后的增量加警告列表
등록된 스킨 델타 조회(없으면 undefined).
Get a registered skin delta (undefined if absent).
登録されたスキンデルタの取得(なければ undefined)。
获取已注册的皮肤增量(不存在则为 undefined)。
스킨 id 등록 여부.
Whether a skin id is registered.
スキン id が登録されているかどうか。
皮肤 id 是否已注册。
등록된 모든 스킨 id(내장 + 사용자).
All registered skin ids (built-in + user).
登録されたすべてのスキン id(内蔵 + ユーザー)。
已注册的全部皮肤 id(内置 + 用户)。
내장 스킨 등록(주입 없음 — CSS 는 skins.css 가 전달). 검증/가드레일은 동일 적용.
Register a built-in skin (no injection — CSS is delivered by skins.css). Validation/guardrails still apply.
内蔵スキンの登録(注入なし — CSS は skins.css が届けます)。検証/ガードレールは同じく適用します。
注册内置皮肤(不注入 — CSS 由 skins.css 交付)。检查/防护栏照常适用。
스킨 id
Skin id
スキン id
皮肤 id
FORM 토큰 델타
FORM token delta
FORM トークンデルタ
FORM 令牌增量
스킨(FORM 축 — 모서리·테두리·그림자·밀도 등 "생김새")을 등록하는 전역 레지스트리. 등록하면 내부에서 벌어지는 일:
define()은 색 리터럴이 없는지 검사 → 접근성 가드레일 클램프 →.og-container[data-og-skin="id"] { ... }규칙을 담은<style>태그를 문서 head 에 주입한다. 그리드 쪽에서data-og-skin="id"속성만 설정하면 이 CSS 가 매치되어 적용된다. 내장 스킨은registerBuiltin()으로 검증+가드레일만 거치고 실제 CSS 는 정적 번들 skins.css 가 이미 담당하므로 별도 주입이 없다.A global registry for registering skins (the FORM axis — corner/border/shadow/density, i.e. "shape"). What happens internally when you register:
define()checks for no color literals → clamps via accessibility guardrails → injects a<style>tag into document head containing a.og-container[data-og-skin="id"] { ... }rule. The grid side only needs to set thedata-og-skin="id"attribute for this CSS to match and apply. Built-in skins go throughregisterBuiltin()for validation + guardrails only — their CSS is already owned by the static skins.css bundle, so no injection happens.スキン(FORM 軸 — 角・境界線・影・密度などの「見た目」)を登録するグローバルレジストリです。 登録すると内部で起きること:
define()は色リテラルがないかを検査 → アクセシビリティ ガードレールでクランプ →.og-container[data-og-skin="id"] { ... }ルールを収めた<style>タグをドキュメントの head に注入します。グリッド側でdata-og-skin="id"属性を設定するだけで、 この CSS がマッチして適用されます。内蔵スキンはregisterBuiltin()で検証 + ガードレールだけを 通り、実際の CSS は静的バンドルの skins.css がすでに担当するので、別途の注入はありません。注册皮肤(FORM 轴 — 圆角、边框、阴影、密度等"外观")的全局注册表。注册时内部发生的事:
define()先检查有无颜色字面量 → 用无障碍防护栏钳制 → 把含.og-container[data-og-skin="id"] { ... }规则的<style>标签注入文档 head。表格一侧只需设置data-og-skin="id"属性,这段 CSS 就会匹配并生效。内置皮肤经registerBuiltin()只走检查 + 防护栏,实际 CSS 已由静态包 skins.css 负责,因此不做注入。Example