mozilla

Versionen vergleichen

border

Versionsänderungen

Version 89680:

Version 89680 von Jürgen Jeka am

Version 89681:

Version 89681 von fscholz am

Titel:
border
border
Adressname:
CSS/border
CSS/border
Schlagwörter:
css, "CSS Referenz"
css, "CSS Referenz"
Inhalt:

Version 89680
Version 89681
nn7    <h3>
8      Übersicht:
9    </h3>
n8      {{ outdated('Aktueller ist die englische Dokumentation: <a n11      Die <code>border</code> Eigenschaft legt den kompletten Rah
>href='/"/en/CSS/cursor/"'>/en/CSS/cursor</a>') }}>men eines Elementes fest und ist eine Kurzform für <a href="/de/C
 >SS/border-color"><code>border-color</code></a>, <a href="/de/CSS/
 >border-style"><code>border-style</code></a> und <a href="/de/CSS/
 >border-width"><code>border-width</code></a>.<br>
12      Unterschiedliche Einstellungen für den oberen, unteren, lin
 >ken und rechten Rahmen können nur unter den Kurzformen <a href="/
 >de/CSS/border-bottom"><code>border-bottom</code></a>, <a href="/d
 >e/CSS/border-top"><code>border-top</code></a>, <a href="/de/CSS/b
 >order-left"><code>border-left</code></a> und <a href="/de/CSS/bor
 >der-right"><code>border-right</code></a> festglegt werden.
n10    <div class="breadcrumbs">n
11      <table width="100%">
12        <tbody>
13          <tr>
14            <td style="width:33%;text-align:left">
15              ← <a href="/de/CSS/background" title="de/CSS/backgr
>ound">background</a> 
16            </td>
17            <td style="width:33%;text-align:center">
18              ↑ <a href="/de/CSS_Referenz" title="de/CSS_Referenz
>">CSS Referenz</a> ↑ 
19            </td>
20            <td style="width:33%;text-align:right">
21              <a href="/De/CSS/Bottom" title="De/CSS/Bottom">bott
>om</a> → 
22            </td>
23          </tr>
24        </tbody>
25      </table>
26    </div>
27    <div class="breadcrumbs">
28      Kurzform für: <a href="/de/CSS/border-width" title="de/CSS/
>border-width">border-width</a>, <a href="/de/CSS/border-style" ti 
>tle="de/CSS/border-style">border-style</a>, <a href="/de/CSS/bord 
>er-color" title="de/CSS/border-color">border-color</a><br> 
29      Detailiertere Einstellungen: <a href="/de/CSS/border-bottom
>" title="de/CSS/border-bottom">border-bottom</a>, <a href="/de/CS 
>S/border-left" title="de/CSS/border-left">border-left</a>, <a hre 
>f="/de/CSS/border-right" title="de/CSS/border-right">border-right 
></a>, <a href="/de/CSS/border-top" title="de/CSS/border-top">bord 
>er-top</a> 
30    </div>
31    <p>
32      Die Eigenschaft <strong>border</strong> ist eine Kurzform z
>ur Angabe der Werte für <a href="/de/CSS/border-width" title="de/ 
>CSS/border-width">border-width</a>, <a href="/de/CSS/border-style 
>" title="de/CSS/border-style">border-style</a>, <a href="/de/CSS/ 
>border-color" title="de/CSS/border-color">border-color</a>. 
33    </p>
34    <h3>
35      Übersicht
36    </h3>
37    <dl>14    <ul>
38      <dt>15      <li>Standardwert: siehe einzelne Eigenschaften
39        Standardwert
40      </dt>16      </li>
41      <dd>17      <li>Anwendbar auf: Alle Elemente
42        none;
43      </dd>18      </li>
44      <dt>19      <li>Vererbbar: Nein
45        Anwendbar auf
46      </dt>20      </li>
47      <dd>21      <li>Prozentwerte: Nein
48        Alle Elemente
49      </dd>22      </li>
50      <dt>23      <li>Medium: visuell
51        Geerbt
52      </dt>24      </li>
53      <dd>25      <li>Werte: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || 
 >&lt;Rahmenfarbe&gt; ] | <a href="/de/CSS/inherit"><code>inherit</
 >code></a>
54        Nein
55      </dd>26      </li>
56      <dt>
57        Medium
58      </dt>
59      <dd>
60        visual
61      </dd>
62      <dt>
63        Werte
64      </dt>
65      <dd>
66        Die Werte für <a href="/de/CSS/border-width" title="de/CS
>S/border-width">border-width</a>, <a href="/de/CSS/border-style"  
>title="de/CSS/border-style">border-style</a>, <a href="/de/CSS/bo 
>rder-color" title="de/CSS/border-color">border-color</a> oder inh 
>erit 
67      </dd>
68    </dl>27    </ul>
n72    <pre>n31    <pre class="eval">
73border: [[border-width || border-style || border-color] | inherit32border: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || &lt;Rahme
>]>nfarbe&gt; ] | inherit
n75    <p>n34    <h3>
76      &nbsp;
77    </p>
78    <h3 name="Werte">
n83        border-widthn39        &lt;Rahmenbreite&gt;
n86        Siehe <a href="/de/CSS/border-width" title="de/CSS/bordern42        Optional. Wenn nichts festgelegt ist, wird <code>medium</
>-width">border-width</a>>code> verwendet. Siehe: <a href="/de/CSS/border-width"><code>bord
 >er-width</code></a>.
n89        border-stylen45        &lt;Rahmenstil&gt;
n92        Siehe <a href="/de/CSS/border-style" title="de/CSS/bordern48        Erforderlich. Wenn nichts festgelegt ist, wird <code>none
>-style">border-style</a>></code> verwendet. Siehe: <a href="/de/CSS/border-style"><code>bo
 >rder-style</code></a>.
n95        border-colorn51        &lt;Rahmenfarbe&gt;
n98        Siehe <a href="/de/CSS/border-color" title="de/CSS/bordern54        Optional. Wenn nichts festgelegt ist, wird der Wert der <
>-color">border-color</a>>code>color</code> Eigenschaft des Elements genommen. Siehe: <a hr
 >ef="/de/CSS/border-color"><code>border-color</code></a>.
n104        der Browser verwendet den Wert des Elternelements.n60        Der Wert des Elternelements wird geerbt.
n107    <p>n
108      &nbsp;
109    </p>
nn66    <p>
67      <a href="/samples/cssref/border.html">Live Beispiel</a>
68    </p>
69    <pre>
70  border: dashed;           /* gestrichelter Rahmen mit mittlerer
 > Breite und gleicher Farbe wie der Text */
71  border: dotted 1.5em;     /* gestrichelt, 1.5em breit, gleiche 
 >Farbe wie der Text */
72  border: solid red;        /* durchgezogener, roter Rahmen mit m
 >ittelgroßer Breite */
73  border: solid blue 10px;  /* durchgezogene Linie, blaue Farbe, 
 >10px Breite */
74</pre>
75    <h3>
76      Browser <span>Kompatibilität</span>
77    </h3>
113    <table class="standard-table" style="width:100%">78    <table class="standard-table">
n116          <td class="header">n81          <th>
117            Ergebnis82            Browser
83          </th>
84          <th>
85            ab Version
86          </th>
87        </tr>
88        <tr>
89          <td>
90            Internet Explorer
n119          <td class="header">n92          <td>
120            Quelltext93            4.0
n125            <div style="border: 1px dotted green">n98            Firefox (Gecko)
126              Ein grüner, gepunkteter Rahmen
127            </div>
nn101            1.0 (1.0)
102          </td>
103        </tr>
104        <tr>
105          <td>
130            <pre>106            Opera
131&lt;div style="border: border: 1px dotted green"&gt;Ein grüner, g107          </td>
>epunkteter Rahmen&lt;/div&gt; 
132</pre>108          <td>
109            3.5
110          </td>
111        </tr>
112        <tr>
113          <td>
114            Safari (WebKit)
115          </td>
116          <td>
117            1.0 (85)
n138      Browser-Kompatibilitätn123      Spezifikation
t140    <pre class="eval">t125    <ul>
141   <span class="comment">IE</span>126      <li>
142</pre>127        <a class="external" href="http://www.w3.org/TR/css3-backg
 >round/#border" lang="en">CSS 3 Background and Borders #border</a>
143    <pre class="eval">
144   <span class="comment">Netscape</span>
145</pre>
146    <pre class="eval">
147   <span class="comment">Opera</span>
148</pre>
149    <pre class="eval">
150   <span class="comment">Firefox</span>
151</pre>
152    <pre class="eval">
153   <span class="comment">Konqueror</span>
154</pre>
155    <pre class="eval">
156   <span class="comment">Netscape</span>
157</pre>
158    <pre class="eval">
159   <span class="comment">Opera</span>
160</pre>
161    <pre class="eval">
162   <span class="comment">Firefox</span>
163</pre>
164    <pre class="eval">
165   <span class="comment">Konqueror</span>
166</pre>
167    <table class="standard-table" style="width:100%">
168      <tbody>
169        <tr>
170          <th class="header">
171            Browser
172          </th>
173          <th class="header" colspan="4">
174            Internet Explorer
175          </th>
176          <th class="header" colspan="4">
177            Netscape
178          </th>
179          <th class="header" colspan="6">
180            Opera
181          </th>
182          <th class="header" colspan="3">
183            Firefox
184          </th>
185          <th class="header" colspan="1">
186            Konqueror
187          </th>
188        </tr>128      </li>
189        <tr>129      <li>
190          <th>130        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#propdef-border" lang="en">CSS 2.1 Box #border</a>
191            Version
192          </th>
193          <th class="header">
194            4
195          </th>
196          <th class="header">
197            5
198          </th>
199          <th class="header">
200            6
201          </th>
202          <th class="header">
203            7
204          </th>
205          <th class="header">
206            4
207          </th>
208          <th class="header">
209            5
210          </th>
211          <th class="header">
212            6
213          </th>
214          <th class="header">
215            7
216          </th>
217          <th class="header">
218            3
219          </th>
220          <th class="header">
221            4
222          </th>
223          <th class="header">
224            5
225          </th>
226          <th class="header">
227            6
228          </th>
229          <th class="header">
230            7
231          </th>
232          <th class="header">
233            8
234          </th>
235          <th class="header">
236            1
237          </th>
238          <th class="header">
239            2
240          </th>
241          <th class="header">
242            3
243          </th>
244          <th class="header">
245            3.5.x
246          </th>
247        </tr>131      </li>
248        <tr>
249          <td>
250            wird unterstützt
251          </td>
252          <td style="background:#5FE716">
253            Ja
254          </td>
255          <td style="background:#5FE716">
256            Ja
257          </td>
258          <td style="background:#5FE716">
259            Ja
260          </td>
261          <td style="background:#5FE716">
262            Ja
263          </td>
264          <td style="background:#5FE716">
265            Ja
266          </td>
267          <td style="background:#5FE716">
268            Ja
269          </td>
270          <td style="background:#5FE716">
271            Ja
272          </td>
273          <td style="background:#5FE716">
274            Ja
275          </td>
276          <td style="background:#5FE716" title="ab Version 3.5">
277            Ja*
278          </td>
279          <td style="background:#5FE716">
280            Ja
281          </td>
282          <td style="background:#5FE716">
283            Ja
284          </td>
285          <td style="background:#5FE716">
286            Ja
287          </td>
288          <td style="background:#5FE716">
289            Ja
290          </td>
291          <td style="background:#5FE716">
292            Ja
293          </td>
294          <td style="background:#5FE716">
295            Ja
296          </td>
297          <td style="background:#5FE716">
298            Ja
299          </td>
300          <td style="background:#5FE716">
301            Ja
302          </td>
303          <td style="background:#5FE716">
304            Ja
305          </td>
306        </tr>
307      </tbody>
308    </table>132    </ul>
133    <h3>
134      Siehe auch
135    </h3>
136    <ul>
137      <li>
138        <a href="/de/CSS/border-color"><code>border-color</code><
 >/a>, <a href="/de/CSS/border-style"><code>border-style</code></a>
 >, <a href="/de/CSS/border-width"><code>border-width</code></a>
139      </li>
140      <li>
141        <a href="/de/CSS/border-bottom"><code>border-bottom</code
 >></a>, <a href="/de/CSS/border-top"><code>border-top</code></a>, 
 ><a href="/de/CSS/border-left"><code>border-left</code></a>, <a hr
 >ef="/de/CSS/border-right"><code>border-right</code></a>
142      </li>
143      <li>
144        <a href="/de/CSS/-moz-border-bottom-colors"><code>-moz-bo
 >rder-bottom-colors</code></a>, <a href="/de/CSS/-moz-border-top-c
 >olors"><code>-moz-border-top-colors</code></a>, <a href="/de/CSS/
 >-moz-border-left-colors"><code>-moz-border-left-colors</code></a>
 >, <a href="/de/CSS/-moz-border-right-colors"><code>-moz-border-ri
 >ght-colors</code></a>,
145      </li>
146      <li>
147        <a href="/de/CSS/-moz-border-image"><code>-moz-border-ima
 >ge</code></a>, <a href="/de/CSS/-moz-border-radius"><code>-moz-bo
 >rder-radius</code></a>
148      </li>
149    </ul>
150    <p>
151      {{ languages( { "en": "en/CSS/border", "fr": "fr/CSS/border
 >", "pl": "pl/CSS/border", "es": "es/CSS/border" } ) }}
152    </p>

Zurück zur Versionsgeschichte