Safari & テスト

2026 CSS @property:登録カスタムプロパティ、静的HTML、Safari実機検証、クラウドMac mini

MacHTML Lab2026.04.21約 26 分

2026年も静的HTMLは主流のままです。CMSやSSGから吐き出されたフラットなページでも、テーマ切替やメーター演出を宣言的CSSだけで成立させたいニーズが強まっています。未登録の--tokenでは補間が離散化しやすく、SafariとChromiumで差が出ます。@propertysyntaxinheritsinitial-valueを固定すると、キーフレームの挙動が説明可能になります。計測の文脈ではCore Web Vitals と Safari の記事、設計の文脈では@layer カスケードレイヤーと併読してください。

16.9ドル/日のクラウドMac miniでは、Apple Siliconのサーマル特性に近い条件でWebKitのトレースを取得できます。

背景

登録により補間が定義され、JSに逃げる理由が減ります。

syntax と継承

@property --brand-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

Safari QA

STPと安定版の両方でdata-themeの連打を検証し、印刷では静的値へ戻します。

FAQ

OKLCHと競合する?

層が異なります。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落1では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落2では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落3では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落4では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落5では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落6では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落7では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落8では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落9では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落10では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落11では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落12では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落13では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落14では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落15では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落16では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落17では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落18では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落19では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落20では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落21では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落22では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落23では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落24では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落25では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落26では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落27では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落28では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落29では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

2026年、CSS @propertyに取り組むチームは「仕様を紙だけにしない」運用へ移行しています。段落30では、macOS上の再現性、ログの相関ID、STPと安定版Safariの差、GPU負荷、約16.9ドル/日のクラウドMac miniでの演習を確認します。ゲートウェイ・モデル・観測の責務境界を明文化し、テレメトリに秘密を混ぜないでください。

Safari実機で@propertyを承認

クラウドMac miniで静的HTMLを開き、SafariとChromeの曲線を比較してからマージします。

クラウドMacで@property検証
約 $16.9/日〜