SchreibMalWas

CSS-border

"Mit CSS giebt es Die Möglichkeit, Rahmen um Elemente herum zu erstellen. Hierzu dient die CSS-anweisung border.
Es können für oben, rechts, links und unten unterscheidliche Ramen erstellt werden. Hierzu giebt es cerschiedene Anweisungen:
Mit
<div id="rahmen">ein Block mit Rahmen</div>
<style type="text/css">
div#rahmen { border: 1px solid green; }
</style>
erzeugen Sie einen 1px dicken, durchgezogenen, grünen Rahmen um das Div mit der Id rahmen.

 können diese Angaben auch trennen:
div#rahmen {border-width:1px; border-style:solid; border-color:green }
erzeugt ebenfalls einen 1px dicken, durchgezogenen, grünen Rahmen um das Div mit der Id rahmen.


border-style: legt die Linienart des Rahmens fest:
none bzw. hidden ⇒kein Rahmen
dotted ⇒gepunktet
dashed ⇒gestrichelt
solid ⇒durchgezogen
double
groove
ridge
inset
outset

mit border-width wird dem Bworser die Liniendicke des Rahmens mitgeteilt.
Hier sind Zahlenangaben (z.b. 2px oder 6mm) möglich. Prozentangaben sind jedoch nicht möglich.
Zudem sind folgende Standarddicken einstellbar:
thin = dünn
medium = mittelstark.
thick = dick.

border-color bestimmt die Farbe des Rahmens.
Es können alle Farben aus der Farbtabelle verwendet werden. Bei Hexcode-farbwerten ist ein # voranzustellen.

Hierbei und auch bei border-style und border-width ist es auch möglich, mehrere Angaben für die Verschiedenen Rahmen-seiten zu erstellen:
border-color: yellow green red blue;
███████████████████ Bereich:
█████████████████████╚═⇒Links
███████████████████╚═════⇒Unten
███████████████████╚══════════⇒Rechts
█████████████████╚════════════════⇒Oben

Es ist auch möglich, nur 1, 2, oder 3 Angaben festzulegen

3 Angaben:
border-color: yellow green red;
██████████████████████ Bereich:
████████████████████╚═⇒Unten
████████████████████╚═══⇒Rechts & Links
█████████████████╚═══════⇒Oben/div>

2 Angaben:
border-color: yellow green;
████████████████████ Bereich:
████████████████████╚⇒Rechts & Links
█████████████████╚════⇒Oben & Unten

Eine Angabe bestimmt die jeweilige Eigenschaft aller Rahmen




Kommentar zu dieser Seite hinzufügen:
Ihr Name:
Ihre Homepage:
Ihre Nachricht:

Sie sind der 28687 Besucher auf Schreibmalwas-homepagetools Statistiken
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
"