Vorlage:Rand/Doku
Aus Kitakien
(Unterschied zwischen Versionen)
(+Duku für neue Parameter: {{{d=dicke}}} {{{f=farbe}}} {{{s=stil}}} // usw.) |
(mehr - →Dokumentation) |
||
| Zeile 1: | Zeile 1: | ||
| - | == Parameter == | + | == 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, | ||
| + | * 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>''' | ||
| + | Siehe auch: | ||
| + | * [http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border SELFHTML''':''' '''Rand ''(border)'''''] | ||
| + | * [[#Doku: Beispiele|Beispiele (unten)]] | ||
| + | |||
| + | === Parameter === | ||
| - | |||
'''o'''ben | '''o'''ben | ||
'''r'''echts | '''r'''echts | ||
| Zeile 7: | Zeile 14: | ||
'''l'''inks | '''l'''inks | ||
'''a'''lle 4 Ränder | '''a'''lle 4 Ränder | ||
| + | '''s'''til Standard: solid | ||
'''d'''icke Standard: .08em | '''d'''icke Standard: .08em | ||
'''f'''arbe Standard: #A7A7A7 | '''f'''arbe Standard: #A7A7A7 | ||
| - | |||
| - | == Beispiele == | + | '''s'''til 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: | ||
| + | * <code>f=#A7A7A7</code> ist „identisch mit“ <code>f=rgb(167,167,167)</code> | ||
| + | * <code>f=#FF0000</code> ist „identisch mit“ <code>f=rgb(255,000,000)</code> oder auch <code>f=red</code> | ||
| + | |||
| + | Siehe auch: | ||
| + | * [[Hilfe:Farben]] | ||
| + | * SELFHTML: [http://de.selfhtml.org/css/formate/wertzuweisung.htm#farben''Farbangaben''] • [http://de.selfhtml.org/html/allgemein/farben.htm ''Farben definieren in HTML''] • [http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm ''VGA-Farbpalette (16 Farben) mit Farbnamen''] | ||
| + | |||
| + | === Parameter d=Dicke === | ||
| + | |||
| + | Beispiel: | ||
| + | * <code>d=0.08em</code> ist (bedingt) „identisch mit“ <code>d=1px</code> oder auch <code>d=0.75pt</code> | ||
| + | |||
| + | Siehe auch: | ||
| + | * SELFHTML: [http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische ''Numerische Angaben''] | ||
| + | |||
| + | === Beispiele === | ||
| - | <code><nowiki>{{rand|l=1|r=1|o=1}}</nowiki></code> ergibt''':''' | + | * Vorsicht <code><nowiki>*=0</nowiki></code> (Ziffer Null), beispielsweise <code><nowiki>{{rand|</nowiki>'''l=0'''<nowiki>}}</nowiki></code>, ergibt '''nichts''' (keine Wirkung) |
| - | * <div style="padding:5px; {{rand|l=1|r=1|o=1}}">border-top: .08em #A7A7A7 solid;border-right: .08em #A7A7A7 solid;border-left: .08em #A7A7A7 solid;</div> | + | ** 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''':''' | ||
| + | ** <div style="padding:5px; {{rand|l=1|r=1|o=1}}">border-top: .08em #A7A7A7 solid;border-right: .08em #A7A7A7 solid;border-left: .08em #A7A7A7 solid;</div> | ||
| - | <code><nowiki>{{rand|l=1|u=1|d=2px|f=red|s=dashed}}</nowiki></code> ergibt''':''' | + | * <code><nowiki>{{rand|l=1|u=1|d=2px|f=red|s=dashed}}</nowiki></code> ergibt''':''' |
| - | * <div style="padding:5px; {{rand|l=1|u=1|d=2px|f=red|s=dashed}}">border-left: 2px dashed red; border-bottom: 2px dashed red;</div> | + | ** <div style="padding:5px; {{rand|l=1|u=1|d=2px|f=red|s=dashed}}">border-left: 2px dashed red; border-bottom: 2px dashed red;</div> |
Version vom 13:54, 9. Dez. 2007
Inhaltsverzeichnis |
Dokumentation
Diese Vorlage ist zur Verwendung in 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
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=#A7A7A7ist „identisch mit“f=rgb(167,167,167)f=#FF0000ist „identisch mit“f=rgb(255,000,000)oder auchf=red
Siehe auch:
- Hilfe:Farben
- SELFHTML: Farbangaben • Farben definieren in HTML • VGA-Farbpalette (16 Farben) mit Farbnamen
Parameter d=Dicke
Beispiel:
d=0.08emist (bedingt) „identisch mit“d=1pxoder auchd=0.75pt
Siehe auch:
- SELFHTML: Numerische Angaben
Beispiele
- Vorsicht
*=0(Ziffer Null), beispielsweise{{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}}
- Um einen Rand oder Ränder gezielt „auszuschalten“ bzw. unsichtbar zu machen, verwende beispielsweise
{{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;
-
