이메일용 AMP 지원 CSS

이 문서는 현재 AMP 이메일에서 지원되는 CSS 기능을 간략하게 설명합니다.

CSS 적용

내부 스타일시트를 사용할 경우 이메일의 <head> 태그에 포함된 단일한 <style amp-custom> 태그 내부에 CSS가 지정됩니다.

내부 스타일시트에 추가로 style 속성을 사용하여 모든 요소에 인라인 스타일을 지정할 수 있습니다.

이메일용 AMP에서 외부 스타일시트는 지원되지 않습니다.

이메일 어디에도 <link rel="stylesheet" href="...">는 허용되지 않습니다.

다음 CSS 속성에는 추가 제한 사항이 있습니다.

속성	제한 사항
`cursor`	허용되는 값은 `pointer` 및 `initial`뿐입니다.
`filter`	`url()`은 허용되지 않습니다.
`transition`	`opacity`, `transform`, `visibility` 및 `offset-distance`에만 애니메이션 적용이 가능합니다.
`visibility`	허용되는 값은 `hidden`, `visible` 및 `initial`뿐입니다.
`z-index`	-100~100 사이의 값만 허용됩니다.

현재 지원되는 @-규칙은 @media뿐입니다. 자세한 내용은 미디어 기능을 참조하세요.

이메일용 AMP에서 사용자 지정 글꼴은 지원되지 않습니다.

@media 쿼리를 통한 조건부 적용 규칙에 지원되는 미디어 기능 목록입니다.