✔ border-image Funktion anwenden

Status
Nicht offen für weitere Antworten.
M

Masterraven9

Grünschnabel
Hy,

ich habe gelesen das es in der Version CSS3 die möglichkeit gibt einzelne Rahmenbereiche mit Bildern zu versehen.
Leider bin ich noch ein blutiger Anfänger im Bereich CSS und wolte deswegem mal um Hilfe bitten.
Also mein Hauptanliegen ist das ich einen Rahmen um eine Tabelle haben möchte der sich variable nach alle Richtungen verändern kann (je nach inhalt). Dazu habe ich ein abgerundetes Rechteck in 8 Einzelbilder zerlegt (4x Ecken, 4x Seiten). Nun wollte ich diese mit dem befehl "border-image" um eine Tabelle legen bin mir aber nicht sicher ob ich dies Richtig versucht habe, anscheinend nicht weil sonst würde ich nicht fragen.

Code: (test.html)

<html>
<head>

<style type="css/text">
div.table1{
border-top-left-image : url("neu\1x1.gif") no-repeat;
border-top-image : url("neu\1x2.gif") repeat-x;
border-top-right-image : url("neu\1x1.gif") no-repeat;
border-left-image : url("neu\1x2.gif") repeat-y;
border-right-image : url("neu\1x2.gif") repeat-y;
border-bottom-left-image : url("neu\3x1.gif") no-repeat;
border-bottom-image : url("neu\1x2.gif") repeat-x;
border-bottom-right-image : url("neu\3x3.gif") no-repeat;
}
</style>

</head>
<body>

<div class="table1"><table border="0" cellpadding="0">
<tr>
<td>test
</td>
</tr>
</table></div>

</body>
</html>

Also das soll erstmal nur zum testen sein um diese Problematik zu verstehen.

thx
 
Hi,

wie du es schon erwähnt hast, ist die border-image-Eigenschaft Bestandteil von CSS3, das aber Zukunftsmusik und daher in den aktuellen Browsern noch nicht implementiert ist.
 
Du kannst die "Zwiebelschalen-Technik" anwenden, bei der entsprechend der Anzahl an Grafiken acht DIVs ineinander verschachtelt werden.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück