AMP

CSS yang Didukung AMP untuk Email

Dokumen ini menguraikan fitur-fitur CSS yang saat ini didukung di dalam email AMP.

Menerapkan CSS

Lembar gaya internal

Saat menggunakan lembar gaya internal, CSS ditentukan di dalam tag <style amp-custom> tunggal yang berada di dalam tag <head> email.

Gaya inline

Selain lembar gaya internal, gaya inline dapat ditentukan pada elemen apa pun dengan menggunakan atribut style.

Lembar gaya eksternal

Lembar gaya eksernal tidak didukung di dalam AMP untuk Email.

Menggunakan <link rel="stylesheet" href="..."> tidak diizinkan di bagian mana pun di dalam email.

Pemilih CSS yang Didukung

Pemilih sederhana

Penggabung

Kelas semu

Properti CSS yang Didukung

Pembatasan tambahan

Properti CSS berikut ini mempunyai pembatasan tambahan:

Properti Pembatasan
cursor Nilai yang diizinkan hanya pointer dan initial.
filter url() tidak diizinkan.
transition Hanya opacity, transform, visibility, dan offset-distance yang boleh dianimasi.
visibility Nilai yang diizinkan hanya hidden, visible, dan initial.
z-index Hanya nilai dari -100 hingga 100 yang diizinkan.

At-rule

Satu-satunya at-rule yang didukung saat ini adalah @media. Kunjungi Fitur-fitur media untuk mendapatkan informasi selengkapnya.

Font kustom (@font-face)

Font kustom tidak didukung di dalam AMP untuk Email.

Fitur-fitur media

Daftar fitur-fitur media yang didukung karena menerapkan aturan bersyarat melalui kueri @media.