User:ɞɞ/Bildausschnitt
< User:ɞɞ
 | Note: The full template is only visible on transclusion and hidden from view on this page. |
This documentation is transcluded from User:ɞɞ/Bildausschnitt/doc.
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]]