mozilla
Ihre Suchergebnisse

    image-orientation

    Diese Übersetzung ist in Arbeit.

    Dies ist eine experimentelle Technologie
    Da diese Technologie noch nicht definitiv implementiert wurde, sollte die Browser Kompatibilität beachtet werden. Es ist auch möglich, dass der Syntax in einer späteren Spezifikation noch geändert wird.

    Zusammenfassung

    Mit der CSS Eigenschaft image-orientation kann die Ausrichtung eines Bildes geändert werden.

    Notiz:

    • Diese Eigenschaft ist nicht dazu gedacht Bilder beliebig zu drehen sondern eine fehlerhaften Ausrichtung zu korrigieren. Deshalb wird zur nächsten Vierteldrehung gerundet.
    • Ebenso ist diese Eigenschaft nicht dazu vorgesehen das Layout zu verändern, da sich image-orientation nur auf Bilder auswirkt.

    • Initialwert 0deg
    • Anwendbar auf Alle Elemente
    • Vererbt Ja
    • Prozentwerte
    • Medium visuell
    • Berechneter Wert ein <angle>, auf den nächsten Viertel von 0deg gerundet (üblicherweise  1turn)
    • Animierbar Nein
    • Kanonische Reihenfolge die einzige nicht missverständliche Reihenfolge definiert durch die formale Grammatik

    Syntax

    Formal syntax: from-image | <angle> | [<angle>? flip]
    
    image-orientation: 0deg
    image-orientation: 6.4deg     /* Wird zu 0deg gerundet */
    image-orientation: -90deg     /* Wie 270deg, der normalisiert berechnete Wert */
    image-orientation: from-image /* EXIF Daten des Bildes verwenden */
    image-orientation: 90deg flip /* Um 90deg rotieren und horizontal spiegeln */
    image-orientation: flip       /* Horizontales Spiegeln ohne Drehung */
    
    image-orientation: inherit
    

    Values

    from-image
    Das Bild wird entsprechend der enthaltenen EXIF-Informationen gedreht.
    <angle>
    Die <angle> der anzuwendenden Rotation. Wird zu den nächsten 90deg (0.25turn) gerundet.
    flip
    Das Bild wird horizontal gespiegelt, nachdem die Drehung des <angle> Wertes angewendet wird. Wenn keine <angle> gegeben ist, wird 0deg benutzt.

    Beispiele

    <img src="arrow.png" alt="Pfeil" style="image-orientation: 180deg;">

    Versionen

    Version Status Kommentar
    CSS Image Values and Replaced Content Module Level 4
    Die Definition von 'image-orientation' in dieser Spezifikation.
    Arbeitsentwurf Die Schlüsselwörter from-image und flip wurden hinzugefügt.
    CSS Image Values and Replaced Content Module Level 3
    Die Definition von 'image-orientation' in dieser Spezifikation.
    Anwärter Empfehlung Erste Version

    Browser Kompatibilität

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
    Basic support Nicht unterstützt 26 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt
    from-image Nicht unterstützt 26 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt
    flip Nicht unterstützt 26 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt
    Feature Android Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support Nicht unterstützt 26.0 (26) 1.2 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt
    from-image Nicht unterstützt 26.0 (26) 1.2 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt
    flip Nicht unterstützt 26.0 (26) 1.2 (26) Nicht unterstützt Nicht unterstützt Nicht unterstützt

     

    Siehe auch

    Schlagwörter des Dokuments und Mitwirkende

    Mitwirkende an dieser Seite: Dargmuesli
    Zuletzt aktualisiert von: Dargmuesli,