Supported CSS attributes for styling email HTML (NL)

 In Content, Tips & Tricks

Hoewel je CSS (Cascading Style Sheets) prima kunt gebruiken voor HTML emails, zijn er een aantal beperkingen waar je als Email programmeur rekening mee moet houden. De korte versie van het verhaal is: gebruik CSS liefst inline en alleen de eenvoudige elementen zoals kleur en lettertypen.

Een paar vuistregels:

  • Gebruik CSS niet voor positionering.
  • Gebruik CSS alleen voor fonts en kleuren.
  • Pas op voor WYSIWYG editors die niet-ondersteunde stijlen toevoegen.
  • Gebruik CSS alleen inline, hoewel embedded stijlen in de email <head> tegenwoordig ook steeds breder ondersteund worden.
  • Test je layout altijd in de daarvoor beschikbare tools.

Onderstaande CSS-attributen worden ondersteund door de populaire e-mail clients:

  • Color
  • Font-size
  • Font-style
  • Font-weight
  • Text-align
  • Text-decoration
  • Background-color
  • Border
  • Font-family
  • Font-variant
  • Letter-spacing
  • Line-height
  • Padding
  • Table-layout
  • Text-indent
  • Text-transform

Er bestaan diverse tools om CSS om te zetten van embedded naar inline, bijvoorbeeld hier.  Klik hier voor een volledige lijst van elementen.

 

Recent Posts