mozilla

Versionen vergleichen

border-left

Versionsänderungen

Version 89709:

Version 89709 von Michael2402 am

Version 89710:

Version 89710 von fscholz am

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

Version 89709
Version 89710
n7    <p>n7    <h3>
8      <br>
9    </p>
10    <div class="breadcrumbs">
11      <table width="100%">
12        <tbody>
13          <tr>
14            <td style="width:33%;text-align:left">
15              ← <a href="de/CSS/border-color">border-color</a>
16            </td>
17            <td style="width:33%;text-align:center">
18              ↑ <a href="de/CSS/border">border</a> ↑
19            </td>
20            <td style="width:33%;text-align:right">
21              <a href="de/CSS/border-right">border-right</a> →
22            </td>
23          </tr>
24        </tbody>
25      </table>
26    </div>
27    <div class="breadcrumbs">
28      Kurzform für: <a href="de/CSS/border-left-color">border-lef
>t-color</a>, <a href="de/CSS/border-left-width">border-left-width 
></a>, <a href="de/CSS/border-left-style">border-left-style</a> 
29    </div>
30    <h3 name=".C3.9Cbersicht">
31      Übersicht8      Übersicht:
n34      Die Eigemschaft border-left ist eine Kurzform zur Angabe den11      Die <code>border-left</code> Eigenschaft legt den linken Ra
>r Werte für <a href="de/CSS/border-left-color">border-left-color<>hmen eines Elementes fest und ist eine Kurzform für<br>
>/a>, <a href="de/CSS/border-left-width">border-left-width</a> und 
> <a href="de/CSS/border-left-style">border-left-style</a> und leg 
>t den linken Rahmen fest. 
12      <a href="/de/CSS/border-left-color"><code>border-left-color
 ></code></a>, <a href="/de/CSS/border-left-style"><code>border-lef
 >t-style</code></a> und <a href="/de/CSS/border-left-width"><code>
 >border-left-width</code></a>. Die Werte der drei Eigenschaften kö
 >nnen in beliebiger Reihenfolge angegeben werden.
n36    <dl>n14    <ul>
37      <dt>15      <li>Standardwert: siehe einzelne Eigenschaften
38        Standardwert
39      </dt>16      </li>
40      <dd>17      <li>Anwendbar auf: Alle Elemente
41        none
42      </dd>18      </li>
43      <dt>19      <li>Vererbbar: Nein
44        Anwendbar auf
45      </dt>20      </li>
46      <dd>21      <li>Prozentwerte: Nein
47        Alle Elemente
48      </dd>22      </li>
49      <dt>23      <li>Medium: visuell
50        Geerbt
51      </dt>24      </li>
52      <dd>25      <li>Werte: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || 
 >&lt;Rahmenfarbe&gt; ] | <a href="/de/CSS/inherit"><code>inherit</
 >code></a>
53        Nein
54      </dd>26      </li>
55      <dt>
56        Medium
57      </dt>
58      <dd>
59        visual
60      </dd>
61      <dt>
62        Werte
63      </dt>
64      <dd>
65        die Werte für <a href="de/CSS/border-left-color">border-l
>eft-color</a>, <a href="de/CSS/border-left-width">border-left-wid 
>th</a>, <a href="de/CSS/border-left-style">border-left-style</a>  
>oder inherit 
66      </dd>
67    </dl>27    </ul>
68    <p>28    <h3>
69      CSS-Version
70    </p>
71    <h3 name="Syntax">
n74    <pre>n31    <pre class="eval">
75border-left: [ border-left-width || border-left-style || border-l32border-left: [ &lt;Rahmenbreite&gt; || &lt;Rahmenstil&gt; || &lt;
>eft-color ] | inherit>Rahmenfarbe&gt; ] | inherit
n77    <p>n34    <h3>
78      <br>
79    </p>
80    <h3 name="Werte">
n85        border-left-widthn39        &lt;Rahmenbreite&gt;
n88        Siehe <a href="de/CSS/border-left-width">border-left-widtn42        Optional. Wenn nichts festgelegt ist, wird <code>medium</
>h</a>,>code> verwendet. Siehe: <a href="/de/CSS/border-left-width"><code
 >>border-left-width</code></a>.
n91        border-left-stylen45        &lt;Rahmenstil&gt;
n94        Siehe <a href="de/CSS/border-left-style">border-left-styln48        Erforderlich. Wenn nichts festgelegt ist, wird <code>none
>e</a>,></code> verwendet. Siehe: <a href="/de/CSS/border-left-style"><co
 >de>border-left-style</code></a>.
n97        border-left-colorn51        &lt;Rahmenfarbe&gt;
n100        Siehe <a href="de/CSS/border-left-color">border-left-colon54        Optional. Wenn nichts festgelegt ist, wird der Wert der <
>r</a>>code>color</code> Eigenschaft des Elements genommen. Siehe: <a hr
 >ef="/de/CSS/border-left-color"><code>border-left-color</code></a>
 >.
n106        der Browser verwendet den Wert des Elternelements.n60        Der Wert des Elternelements wird geerbt.
n109    <h3 name="Beispiele">n63    <h3>
nn66    <pre>
67.beispielEins {
68  border-left: 1px solid #000;
69}
70 
71.beispielZwei {  
72  border-left-style: dotted;
73  border-left: thick green;
74  
75  /* Bedeutet das gleiche wie: */
76  
77  border-left-style: dotted;
78  border-left: none thick green;
79  
80  /* border-left-style wird nach Angabe von border-left ignoriert
 >
81  Es wird kein linker Rahmen gezeichnet. */
82}
83</pre>
84    <h3>
85      Browser <span>Kompatibilität</span>
86    </h3>
112    <table class="standard-table" style="width:100%">87    <table class="standard-table">
n115          <td class="header" width="50%">n90          <th>
116            Ergebnis91            Browser
92          </th>
93          <th>
94            ab Version
95          </th>
96        </tr>
97        <tr>
98          <td>
99            Internet Explorer
n118          <td class="header">n101          <td>
119            Quelltext102            4.0
n124            <div style="background-color:lightgreen;height:80px;bn107            Firefox (Gecko)
>order-left:10px solid green"></div> 
nn110            1.0 (1.0)
111          </td>
112        </tr>
113        <tr>
114          <td>
127            <pre>115            Opera
128background-color:lightgreen;border-left:10px solid green116          </td>
129</pre>117          <td>
118            3.5
119          </td>
120        </tr>
121        <tr>
122          <td>
123            Safari (WebKit)
124          </td>
125          <td>
126            1.0 (85)
n134    <h3 name="Browser-Kompatibilit.C3.A4t">n131    <h3>
135      Browser-Kompatibilität132      Spezifikation
n137    <pre class="eval">n134    <ul>
138   <span class="comment">IE</span>135      <li>
139</pre>136        <a class="external" href="http://www.w3.org/TR/css3-backg
 >round/#border-left" lang="en">CSS 3 Background and Borders #borde
 >r-left</a>
140    <pre class="eval">
141   <span class="comment">Netscape</span>
142</pre>
143    <pre class="eval">
144   <span class="comment">Opera</span>
145</pre>
146    <pre class="eval">
147   <span class="comment">Firefox</span>
148</pre>
149    <pre class="eval">
150   <span class="comment">Konqueror</span>
151</pre>
152    <pre class="eval">
153   <span class="comment">Netscape</span>
154</pre>
155    <pre class="eval">
156   <span class="comment">Opera</span>
157</pre>
158    <pre class="eval">
159   <span class="comment">Firefox</span>
160</pre>
161    <pre class="eval">
162   <span class="comment">Konqueror</span>
163</pre>
164    <table class="standard-table" style="width:100%">
165      <tbody>
166        <tr>
167          <th class="header">
168            Browser
169          </th>
170          <th class="header" colspan="4">
171            Internet Explorer
172          </th>
173          <th class="header" colspan="4">
174            Netscape
175          </th>
176          <th class="header" colspan="6">
177            Opera
178          </th>
179          <th class="header" colspan="3">
180            Firefox
181          </th>
182          <th class="header" colspan="1">
183            Konqueror
184          </th>
185        </tr>137      </li>
186        <tr>138      <li>
187          <th>139        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#propdef-border-left" lang="en">CSS 2.1 Box #border-left</a>
188            Version
189          </th>
190          <th class="header">
191            4
192          </th>
193          <th class="header">
194            5
195          </th>
196          <th class="header">
197            6
198          </th>
199          <th class="header">
200            7
201          </th>
202          <th class="header">
203            4
204          </th>
205          <th class="header">
206            5
207          </th>
208          <th class="header">
209            6
210          </th>
211          <th class="header">
212            7
213          </th>
214          <th class="header">
215            3
216          </th>
217          <th class="header">
218            4
219          </th>
220          <th class="header">
221            5
222          </th>
223          <th class="header">
224            6
225          </th>
226          <th class="header">
227            7
228          </th>
229          <th class="header">
230            8
231          </th>
232          <th class="header">
233            1
234          </th>
235          <th class="header">
236            2
237          </th>
238          <th class="header">
239            3
240          </th>
241          <th class="header">
242            3.5.x
243          </th>
244        </tr>140      </li>
245        <tr>
246          <td>
247            wird unterstützt
248          </td>
249          <td style="background:#5FE716">
250            Ja
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" title="ab Version 3.5">
274            Ja *
275          </td>
276          <td style="background:#5FE716">
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        </tr>
304      </tbody>
305    </table>141    </ul>
306    <h3 name="Siehe_auch">142    <h3>
nn145    <ul>
146      <li>
147        <a href="/de/CSS/border-left-color"><code>border-left-col
 >or</code></a>, <a href="/de/CSS/border-left-style"><code>border-l
 >eft-style</code></a>, <a href="/de/CSS/border-left-width"><code>b
 >order-left-width</code></a>
148      </li>
149      <li>
150        <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-right"><code>border-right</code></a>
151      </li>
152      <li>
153        <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>,
154      </li>
155      <li>
156        <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>
157      </li>
158    </ul>
t310      <a href="de/CSS/border-bottom">border-bottom</a>, <a href="t160      {{ languages( { "en": "en/CSS/border-left", "fr": "fr/CSS/b
>de/CSS/border-right">border-right</a>, <a href="de/CSS/border-top>order-left", "pl": "pl/CSS/border-left", "es": "es/CSS/border-lef
>">border-top</a>>t" } ) }}

Zurück zur Versionsgeschichte