Safari 및 테스트

2026 CSS @property: 등록 커스텀 프로퍼티, 정적 HTML, Safari 현장 검증, 클라우드 Mac mini

MacHTML Lab2026.04.21약 26분

2026년에도 정적 HTML은 문서·마케팅·정책 공개에 널리 쓰입니다. 프레임워크 없이도 테마 토글과 다이얼 애니메이션을 선언적으로 구현하려면 @propertysyntax, inherits, initial-value를 고정하는 편이 안전합니다. 측정 맥락은 Safari CWV 기사, 설계 맥락은 @layer 캐스케이드 레이어와 함께 읽으세요.

$16.9/일 클라우드 Mac mini에서 Apple Silicon 열 특성에 가까운 WebKit 트레이스를 수집할 수 있습니다.

배경

미등록 변수는 보간이 이산 점프로 떨어질 수 있어 JS 의존이 커집니다.

syntax·상속

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

Safari QA

STP와 안정판 모두에서 테마 토글과 인쇄 스타일을 확인합니다.

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/일부터