Vorlage:Rand/Doku

Aus Kitakien

(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(mehr - Dokumentation)
K (Dokumentation: typo)
Zeile 1: Zeile 1:
== Dokumentation ==
== Dokumentation ==
-
Diese [[Hilfe:Vorlagen|Vorlage]] ist zur Verwendung in innerhalb vom [http://de.selfhtml.org/html/attribute/allgemeine.htm HTML-Universalattribut] '''<code><nowiki>style="…"</nowiki></code>''' bestimmt,
+
Diese [[Hilfe:Vorlagen|Vorlage]] ist zur Verwendung innerhalb vom [http://de.selfhtml.org/html/attribute/allgemeine.htm HTML-Universalattribut] '''<code><nowiki>style="…"</nowiki></code>''' bestimmt,
-
* beispielsweise in '''<nowiki><div style="</nowiki>'''<!-- --><code><nowiki>{{rand|</nowiki>'''l'''<!-- --><nowiki>=1|</nowiki>'''r'''<!-- --><nowiki>=1|</nowiki>'''o'''<!-- --><nowiki>=1}}</nowiki></code>'''<nowiki>">was auch immer</div></nowiki>'''
+
* beispielsweise in '''<nowiki><div style="</nowiki>'''<!-- --><code><nowiki>{{rand|</nowiki>'''l'''<!-- --><nowiki>=1|</nowiki>'''r'''<!-- --><nowiki>=1|</nowiki>'''o'''<!-- --><nowiki>=1}}</nowiki></code>'''<nowiki>"></nowiki>'''<small>was auch immer</small>'''<nowiki></div></nowiki>'''
Siehe auch:
Siehe auch:
* [http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border SELFHTML''':''' '''Rand ''(border)''''']
* [http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border SELFHTML''':''' '''Rand ''(border)''''']
Zeile 18: Zeile 18:
  '''f'''arbe            Standard: #A7A7A7
  '''f'''arbe            Standard: #A7A7A7
 +
'''s'''=...
  '''s'''til Möglichkeiten
  '''s'''til Möglichkeiten
  ------------------
  ------------------
Zeile 51: Zeile 52:
=== Beispiele ===
=== Beispiele ===
-
* Vorsicht <code><nowiki>*=0</nowiki></code> (Ziffer Null), beispielsweise <code><nowiki>{{rand|</nowiki>'''l=0'''<nowiki>}}</nowiki></code>, ergibt '''nichts''' (keine Wirkung)
+
* Vorsicht <code><nowiki>*=0</nowiki></code> (Ziffer Null), beispielsweise in <code><nowiki>{{rand|</nowiki>'''l=0'''<nowiki>}}</nowiki></code>, ergibt '''nichts''' (keine Wirkung):
** Um einen Rand oder Ränder gezielt ''„auszuschalten“'' bzw. ''unsichtbar'' zu machen, <span style="white-space:nowrap;">verwende beispielsweise <code><nowiki>{{rand|l=1|</nowiki>'''s=none'''<nowiki>}}</nowiki></code></span> <span style="white-space:nowrap;">bzw. <code><nowiki>{{rand|l=1|o=1|</nowiki>'''s=hidden'''<nowiki>}}</nowiki></code></span>
** Um einen Rand oder Ränder gezielt ''„auszuschalten“'' bzw. ''unsichtbar'' zu machen, <span style="white-space:nowrap;">verwende beispielsweise <code><nowiki>{{rand|l=1|</nowiki>'''s=none'''<nowiki>}}</nowiki></code></span> <span style="white-space:nowrap;">bzw. <code><nowiki>{{rand|l=1|o=1|</nowiki>'''s=hidden'''<nowiki>}}</nowiki></code></span>
* <code><nowiki>{{rand|l=1|r=1|o=1}}</nowiki></code> ergibt''':'''
* <code><nowiki>{{rand|l=1|r=1|o=1}}</nowiki></code> ergibt''':'''

Version vom 14:03, 9. Dez. 2007

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>

Siehe auch:

Parameter

oben
rechts
unten
links
alle 4 Ränder
stil              Standard: solid
dicke             Standard: .08em
farbe             Standard: #A7A7A7
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 oder auch 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