Vorlage:Rand/Doku

Aus Kitakien

< Vorlage:Rand(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
K (Doku auf diese Diskussionsseite übertragen.)
K (interwiki)
 
(Der Versionsvergleich bezieht 8 dazwischenliegende Versionen mit ein.)
Zeile 1: Zeile 1:
-
* '''Rand''' – [http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border SELFHTML''':''' ''border'']
+
<noinclude>{{Dokumentation/Dokuseite}}</noinclude>
-
** '''o'''ben
+
 
-
** '''r'''echts
+
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,
-
** '''u'''nten
+
* 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>'''
-
** '''l'''inks
+
<b>In Tabellen</b> muss <code>cellspacing="0"</code> grundsätzlich sein.
-
** '''a'''lle 4 Ränder
+
<div style="margin-left:4em;">
-
* '''Beispiel'''
+
Somit werden beispielsweise umrahmte L-Flächen möglich:
-
** <nowiki>{{rand|l=1|r=1|o=1}}</nowiki>
+
{| style="{{bgc|t}}"
-
*** <nowiki>border-left:.08em #A7A7A7 solid;</nowiki>
+
| <source lang="html4strict">
-
*** <nowiki>border-right:.08em #A7A7A7 solid;</nowiki>
+
{| cellspacing="0" cellpadding="2"
-
*** <nowiki>border-top:.08em #A7A7A7 solid;</nowiki>
+
| 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
 +
|}
 +
</source>
 +
| valign="top" | <div style="margin-left:1em; margin-top:1em;">
 +
{| 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
 +
|}</div>
 +
|}
 +
</div>
 +
<b>Siehe auch:</b>
 +
* [http://de.selfhtml.org/css/eigenschaften/rahmen.htm#border SELFHTML''':''' '''Rand ''(border)''''']
 +
* [[#Beispiele|Beispiele (unten)]]
 +
 
 +
=== Parameter ===
 +
 
 +
'''o'''ben
 +
'''r'''echts
 +
'''u'''nten
 +
'''l'''inks
 +
'''a'''lle 4 Ränder
 +
'''s'''til              Standard: '''s=solid'''  (durchgezogen)
 +
'''d'''icke            Standard: '''d=.08em'''  ('''bedingt''' identisch mit '''d=1px''' und '''d=0.75pt''')
 +
'''f'''arbe            Standard: '''f=#A7A7A7''' (ein helles Grau)
 +
 
 +
'''s'''=...
 +
'''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''] &bull;&nbsp;[http://de.selfhtml.org/html/allgemein/farben.htm ''Farben&nbsp;definieren&nbsp;in&nbsp;HTML''] &bull;&nbsp;[http://de.selfhtml.org/diverses/anzeige/farbnamen_16.htm ''VGA-Farbpalette&nbsp;(16&nbsp;Farben)&nbsp;mit&nbsp;Farbnamen'']
 +
 
 +
=== Parameter d=Dicke ===
 +
 +
Beispiel:
 +
* <code>d=0.08em</code> ist „'''bedingt''' identisch mit“ <code>d=1px</code> und <code>d=0.75pt</code>
 +
 
 +
Siehe auch:
 +
* SELFHTML: [http://de.selfhtml.org/css/formate/wertzuweisung.htm#numerische ''Numerische Angaben'']
 +
 
 +
=== Beispiele ===
 +
 
 +
* 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>
 +
* <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''':'''
 +
** <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>
 +
<includeonly>
 +
<!--Interwikis-->
 +
[[eo:Ŝablono:Rando]]
 +
[[hsb:Předłoha:Kroma]]
 +
</includeonly>

Aktuelle Version vom 20:30, 22. Dez. 2009

Datei:Information icon.svg Diese Seite ist die Dokumentations-Unterseite der Vorlage:Rand.

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:

Inhaltsverzeichnis

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;
Von „http://de.kitakujo.de/w/index.php?title=Vorlage:Rand/Doku“
Persönliche Werkzeuge