media in html

[Paul1]

Moin, mit "media" kann man in CSS sehr schön z.B. Elemente ausblenden wenn beispielsweise eine bestimmte Breite unter-/überschritten ist.

css-Beispiel:

@media only screen and (max-width: 800px) {
  #containerDiv {
    display:none;
  }
}

Nun möchte ich diese Anweisung nicht in css sondern im style Attribut des HTML tags schreiben. Leider funktioniert das dort nicht:

<div id="containerDiv"
     media="only screen and (max-width: 800px): 'display:none';">
   test
</div>

Mir fehlt die richtige Syntax... Kann mir jemand helfen?

Gruß, Paul

Edit Rolf B: Beispielcode als Code markiert und lesbar gemacht