Vorlage:Rand/Doku

Aus Kitakien

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(Dokumentation: linkfix +Tabellenbeispiel)
K (hat „Vorlage Diskussion:Rand“ nach „Vorlage:Rand/Doku“ verschoben: Umrüstung auf Vorlage:Dokumentation)

Version vom 21:01, 21. Jan. 2009

Inhaltsverzeichnis

Dokumentation

Diese Vorlage ist zur Verwendung innerhalb vom HTML-Universalattribut style="…" bestimmt,

  • beispielsweise in <div style="{{rand|l=1|r=1|o=1}}">was auch immer</div>

In Tabellen muss cellspacing="0" grundsätzlich sein.

Somit werden beispielsweise umrahmte L-Flächen möglich:

{| cellspacing="0" cellpadding="2"
| style="{{rand|l=1|o=1}}" | Text A
| style="{{rand|l=1|u=1}}" | Text B
|-
| style="{{rand|l=1|u=1}}" | Text C
| style="{{rand|r=1|u=1}}" | Text D
|}
Text A Text B
Text C Text D

Siehe auch:

Parameter

oben
rechts
unten
links
alle 4 Ränder
stil              Standard: s=solid   (durchgezogen)
dicke             Standard: d=.08em   (bedingt identisch mit d=1px und d=0.75pt)
farbe             Standard: f=#A7A7A7 (ein helles Grau)
s=...
stil Möglichkeiten
------------------
none   = kein Rahmen (bzw. unsichtbarer Rahmen)
hidden = kein Rahmen (bzw. unsichtbarer Rahmen)
dotted = gepunktet
dashed = gestrichelt
solid  = durchgezogen
double = doppelt durchgezogen
groove = 3D-Effekt (geht nicht in allen Browsern)
ridge  = 3D-Effekt
inset  = 3D-Effekt
outset = 3D-Effekt

Parameter f=Farbe

Beispiele:

  • f=#A7A7A7 ist „identisch mit“ f=rgb(167,167,167)
  • f=#FF0000 ist „identisch mit“ f=rgb(255,000,000) oder auch f=red

Siehe auch:

Parameter d=Dicke

Beispiel:

  • d=0.08em ist „bedingt identisch mit“ d=1px und d=0.75pt

Siehe auch:

Beispiele

  • Vorsicht *=0 (Ziffer Null), beispielsweise in {{rand|l=0}}, ergibt nichts (keine Wirkung):
    • Um einen Rand oder Ränder gezielt „auszuschalten“ bzw. unsichtbar zu machen, verwende beispielsweise {{rand|l=1|s=none}} bzw. {{rand|l=1|o=1|s=hidden}}
  • {{rand|l=1|r=1|o=1}} ergibt:
    • border-top: .08em #A7A7A7 solid;border-right: .08em #A7A7A7 solid;border-left: .08em #A7A7A7 solid;
  • {{rand|l=1|u=1|d=2px|f=red|s=dashed}} ergibt:
    • border-left: 2px dashed red; border-bottom: 2px dashed red;
Persönliche Werkzeuge