Variables Bild in CSS Tag

[Gunnar Bittersmann]

@@Auge

 class='eins zwei drei' style='position:absolute;top:40px;left:120px;color:#000;'title='Gut Holz 1526'>

Die CSS-Regeln ohne Leerzeichen zu notieren, halte ich für schlechten Stil

Ich halte es vor allem für schlechten Stil, CSS inline in style-Attributen zu notieren.

Ja, ich weiß, hier handelt es sich um JavaScript-Code. Lesbarer wäre er aber wohl dennoch, wenn das Element mit var myElement = document.createElement(…) erzeugt, die Stile über myElement.style.… hinzugefügt und dann das Element ins DOM gehängt werden würde.

Wenn es denn übehaupt sein muss, die Stile mit JavaScript zu setzen. Sind es denn so viele verschiedene mögliche Werte?

Terminologie: Eine CSS-Regel „associates a selector list…with a list of property declarations“, ist also
selector_1, …, selector_m { property_1: value_1; …; property_n: value_n }

Du meintest eine Liste von Deklararionen.

Vor title fehlt aber tatsächlich das Leerzeichen.

Ja, das ist ein parse error, d.h. „user agents…may abort the parser“.

HTML5-Parser werden das aber nicht tun, denn deren „error handling for parse errors is well-defined“. Sie werden vom after attribute value (quoted) state in den before attribute name state gehen.

LLAP 🖖