Will man Text mit einem Rahmen versehen, geht das recht einfach mit CSS-Eigenschaften
Die Rahmendicke wird mit border-width:Pixelanzahlpx angegeben. Die Rahmenfarbe wird mit border-color:#Farbwert angegeben. Der Rahmentyp wird mit border-style:Rahmentyp angegeben. Die Innenabstände zum Text werden mit padding:Pixelanzahlpx angegeben.
Für einen eingerahmten Textabsatz mit einer Rahmendicke 3 Pixel, einer Rahmenfarbe blau, einem gepunkteten Rahmen und Innenabständen 10 Pixel, sieht der einleitende Tag dann so aus:
<p style="border-width:3px; border-color:#0000FF; border-style:dotted; padding:10px;">
Es folgt der Text für den Absatz. Danach wird der Textabsatz mit dem </p> abgeschlossen
Rahmentyp = border-style:dotted Rahmenfarbe = #009900, Rahmentyp = border-style:dashed Rahmenfarbe = #FF0000, Rahmentyp = border-style:solid Rahmendicke = 6 Pixel, Rahmenfarbe = #EE00EE, Rahmentyp = border-style:double Rahmendicke = 10 Pixel, Rahmenfarbe = #FFFF00, Rahmentyp = border-style:groove Rahmendicke = 10 Pixel, Rahmenfarbe = #3333FF, Rahmentyp = border-style:ridge Rahmendicke = 7 Pixel, Rahmenfarbe = #CC3300, Rahmentyp = border-style:inset Rahmendicke = 7 Pixel, Rahmenfarbe = #666666, Rahmentyp = border-style:outset
| zurück
| Inhaltsverzeichnis Tellico Bedienungsanleitung
| weiter
| |
|