User:ɞɞ/Bildausschnitt/doc
< User:ɞɞ | Bildausschnitt
Template:Documentation/Dokuseite
Die Vorlage {{Bildausschnitt}} erzeugt einen Bildausschnitt, dessen Größe und Position in horizontaler und vertikaler Richtung wählbar ist.
- de.wikipedia.org/wiki/Vorlage:CSS-Bildausschnitt
- css-tricks.com/on-object-fit-and-object-position/
- forum.selfhtml.org/self/2016/aug/31/css-bildausschnitt-statt-verzerren.rss
- wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung#clip
- www.professorweb.de/css/bilder-mit-css-beschneiden.html
- commons.wikimedia.org/wiki/Category:SVG_arrow_icons:_Oxygen
- commons.wikimedia.org/wiki/File:Blue_Glass_Arrow-top.svg
- absolut positionierte Box als Link zum Seitenanfang verwenden
<span id="top"></span> [[{{FULLPAGENAME}}#|Seitenanfang]]
Verwendung
[edit]Originalbild um 50% verkleinert
{{Bildausschnitt|BildBeispiel.png|hshift=100px|height=200px|bildbreite=250px}} ergibt
{{Bildausschnitt|BildBeispiel.png|hshift=100px|height=200px|bildbreite=500px}} ergibt
{{Bildausschnitt|BildBeispiel.png|hshift=200px|height=300px|boxbreite=600px|addstyle=border:5px dotted magenta;}}
ergibt
Parameter
[edit]Name | Beschreibung | Standard | Status | |
---|---|---|---|---|
1 | Name des Bildes | leer | erforderlich | |
hshift | horizontale Verschiebung nach links | 50px | optional | |
height | Höhe des Ausschnittes | 50px | optional | |
boxbreite | Breite des Ausschnittes | 100% | optional | |
bildbreite | Gesamtbreite des Bildes, leer=Originalgröße | auto | optional | |
addstyle | zusätzliche CSS-Formatinformationen für den Bildausschnitt | leer | optional | |
vshift | vertikaler Versatz | 0 | optional |
Code
[edit][[:User:ɞɞ/Bildteil]]