Inlinetyylit

Inlinetyylit ovat HTML-elementin style-attribuuttiin määriteltyjä CSS-sääntöjä. Esimerkki: <p style="color: blue; font-size: 14px;">Tämä on inline-tyylitelty kappale</p>. Inline-tyylit vaikuttavat suoraan kohde-elementtiin ja niillä on korkea spesifisyys, mikä tarkoittaa että ne voivat ohittaa useimmat ulkoisista tai sisäisistä tyylilähteistä peräisin olevat säännöt (ellei käytetä !important-sääntöjä).

Käyttötarkoitukset: nopea, paikallinen muokkaus ilman erillisiä tyylitiedostoja; dynaaminen muokkaus JavaScriptillä; sekä sähköpostiviestien ulkoasun varmistaminen, koska monet sähköpostipalvelimet rajoittavat ulkoista CSS:ää ja inline-tyylit ovat usein ainoa varma tapa.

Rajoitukset: heikentävät koodin uudelleenkäytettävyyttä ja teemojen hallintaa; lisäävät HTML-koodin määrää ja monimutkaisuutta; eivät sovi hyvin responsiivisuuteen ilman erillisiä media queries -rakenteita, koska inline-tyylit eivät reagoi mediakyselyihin; vaikeuttavat suurempien sivustojen ylläpitoa ja teemojen hallintaa.

Parhaat käytännöt: käytä inline-tyylejä harkiten tilapäisiin muutoksiin tai dynaamiseen Stylingiin JavaScriptin avulla; päätyylit tulisi määritellä ulkoisiin tai sisäisiin CSS-tiedostoihin sekä luokkiin, jotta teemointi ja saavutettavuus pysyvät hallittavissa. Erityisesti sähköposteissa inline-tyylit ovat usein välttämön, mutta verkkosivustojen kehityksessä niitä tulisi rajoittaa.