Achim Pick: HTML-Direkformatierung mit media-Angabe

Zur direkten Formatierung habe ich folgende Syntax:

<Element style="CSS-Eigenschaft:Wert; ...">...</Element>

Wie kann ich nun gezielt ein Element nach dieser Syntax mit
unterschiedlichen CSS-Eigenschaften für media=print und
media=screen formatieren ?

  1. Hello out there!

    Zur direkten Formatierung habe ich folgende Syntax:
    <Element style="CSS-Eigenschaft:Wert; ...">...</Element>

    Die schlecht[tm] ist. Ein Sinn von CSS ist die Trennung der Layoutangaben von der Struktur des Inhalts. style-Attribute führen das ad absurdum, sind also selbst absurd.

    Tätige sämtliche Latoutangaben im zentralen Stylesheet, dann stellt sich deine Frage auch gar nicht.

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. Nicht möglich, du kannst aber dem Element eine ID verpassen, und die dann zentral in einer Style-Datei formatieren

    CSS:
    @media screen
    {
     #element
     {
      eigenschaft:wert;
     }
    }
    @media sonstwas
    {
     #element
     {
      eigenschaft:wert_zwei;
     }
    }

    HTML:
    <element id="element">text</element>