mozilla

Versionen vergleichen

border-left-style

Versionsänderungen

Version 89802:

Version 89802 von Michael2402 am

Version 89803:

Version 89803 von fscholz am

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

Version 89802
Version 89803
n7    <p>n7    <h3>
8      {{ CSS_Navigation("border-bottom-style", "border-style", "b
>order-right-style") }} 
9    </p>
10    <p>
11      <br>
12    </p>
13    <h3 name=".C3.9Cbersicht">
n17      Die Eigemschaft border-left-style gibt den Stil des unterenn11      Die <code>border-left-style</code> Eigenschaft legt die Rah
> Rahmens an.>menart des linken Rahmens fest.
n19    <dl>n13    <ul>
20      <dt>14      <li>Standardwert: <code>none</code>
21        Standardwert
22      </dt>15      </li>
23      <dd>16      <li>Anwendbar auf: Alle Elemente
24        none
25      </dd>17      </li>
26      <dt>18      <li>Vererbbar: Nein
27        Anwendbar auf
28      </dt>19      </li>
29      <dd>20      <li>Prozentwerte: Nein
30        Alle Elemente
31      </dd>21      </li>
32      <dt>22      <li>Medium: visuell
33        Geerbt
34      </dt>23      </li>
35      <dd>24      <li>Werte: <code>none</code> | <code>hidden</code> | <code>
 >dotted</code> | <code>dashed</code> | <code>solid</code> | <code>
 >double</code> | <code>groove</code> | <code>ridge</code> | <code>
 >inset</code> | <code>outset</code> | <a href="/de/CSS/inherit"><c
 >ode>inherit</code></a>
36        Nein
37      </dd>25      </li>
38      <dt>
39        Medium
40      </dt>
41      <dd>
42        visual
43      </dd>
44      <dt>
45        Werte
46      </dt>
47      <dd>
48        hidden, dashed, dotted, double, groove, inset, outset, ri
>dge, solid, none, inherit 
49      </dd>
50    </dl>26    </ul>
51    <h3 name="Syntax">27    <h3>
n54    <pre>n30    <pre class="eval">
55border-left-style: [ hidden | dashed | dotted | double | groove |31border-left-style: none | hidden | dotted | dashed | solid | doub
> inset | outset | ridge | solid | none ]{1,4} | inherit>le | groove | ridge | inset | outset | inherit 
n57    <p>n33    <h3>
58      <br>
59    </p>
60    <h3 name="Werte">
nn38        none
39      </dt>
40      <dd>
41        Standardwert. Es wird kein linker Rahmen gezeichnet und d
 >ie Breite wird auf '0' zurückgesetzt.
42      </dd>
43      <dt>
n68        Der Rahmen wird verstecktn47        Genau wie bei <code>none</code> wird kein Rahmen angezeig
 >t. Das Verhalten unterscheidet sich jedoch beim "Collapsing Borde
 >r Model" innerhalb von Tabellen.<br>
48        Wenn <a href="/de/CSS/border-collapse"><code>border-colla
 >pse: collapse</code></a> gesetzt wurde, wird auch an den angrenze
 >nden Nachbarzellen kein Rahmen dargestellt.
49      </dd>
50      <dt>
51        dotted
52      </dt>
53      <dd>
54        Punktierte Linie.
n74        Der Rahmen wird gestricheltn60        Gestrichelte Linie.
n77        dottedn63        solid
n80        Der Rahmen wird gepunktetn66        Durchgehende Linie.
n86        Ein doppelter, durchgezogener Rahmenn72        Zwei durchgehende Linien mit Zwischenraum. Die zwei Linie
 >n und der Zwischenraum sind jeweils ein Drittel der <a href="/de/
 >CSS/Border-left-width"><code>border-left-width</code></a> Angabe 
 >groß.
n92        Der Rahmen wirkt wie ein Grabenn78        Der Rahmen wirkt eingekerbt (3D-Effekt).
79      </dd>
80      <dt>
81        ridge
82      </dt>
83      <dd>
84        Der Rahmen wirkt wie eine Kante (3D-Effekt).
n98        Lässt das Element aussehen, als würde es tiefer liegenn90        Durch den Rahmen wirkt das ganze Element eingetieft (3D-E
 >ffekt).
n104        Lässt das Element aussehen, als würde es höher liegen (3Dn96        Durch den Rahmen wirkt das ganze Element herausgehoben (3
>-Effekt)>D-Effekt).
105      </dd>
106      <dt>
107        ridge
108      </dt>
109      <dd>
110        Der Rahmen wirkt wie ein Hügel
111      </dd>
112      <dt>
113        solid
114      </dt>
115      <dd>
116        Durchgezogener Rahmen
117      </dd>
118      <dt>
119        none
120      </dt>
121      <dd>
122        Kein Rahmen, die Breite des Rahmens wird auf 0 gesetzt
n128        der Browser verwendet den Wert des Elternelements.n102        Der Wert des Elternelements wird geerbt.
n131    <h3 name="Beispiele">n105    <h3>
n134    <p>n108    <pre>
135      Siehe <a href="de/CSS/border-style">border-style</a>109.beispielEins {                      
110  border-left-style: dashed;      /* gestrichelt */
111}
112 
113.beispielZwei {
114  border-left-style: groove;      /* Einkerbung */
115}
116 
117.beispielDrei {
118 border-left-style: hidden;       /* Collapsing Border Model */ 
119 border-collapse: collapse;
120}
121</pre>
136    </p>122    <h3>
137    <h3 name="Browser-Kompatibilit.C3.A4t">
138      Browser-Kompatibilität123      Browser <span>Kompatibilität</span>
n140    <pre class="eval">n
141   <span class="comment">IE</span>
142</pre>
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%">125    <table class="standard-table">
n170          <th class="header">n128          <th>
n173          <th class="header" colspan="4">n
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>
189        <tr>
n191            Versionn132            ab 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
n250            wird unterstütztn137            Internet Explorer
n252          <td style="background:#5FE716">n139          <td>
253            Ja140            4.0
n255          <td style="background:#5FE716">n142        </tr>
256            Ja143        <tr>
144          <td>
145            Firefox (Gecko)
n258          <td style="background:#5FE716">n147          <td>
259            Ja148            1.0 (1.0)
n261          <td style="background:#5FE716">n150        </tr>
151        <tr>
152          <td>
262            Ja153            Opera
n264          <td style="background:#5FE716">n155          <td>
265            Ja156            3.5
n267          <td style="background:#5FE716">n158        </tr>
268            Ja159        <tr>
160          <td>
161            Safari (WebKit)
n270          <td style="background:#5FE716">n
271            Ja
272          </td>163          <td>
273          <td style="background:#5FE716">164            1.0 (85)
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
tt169    <h3>
170      Spezifikation
171    </h3>
172    <ul>
173      <li>
174        <a class="external" href="http://www.w3.org/TR/css3-backg
 >round/#border-left-style" lang="en">CSS 3 Background and Borders 
 >#border-left-style</a>
175      </li>
176      <li>
177        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#propdef-border-left-style" lang="en">CSS 2.1 Box #border-lef
 >t-style</a>
178      </li>
179    </ul>
180    <h3>
181      Siehe auch
182    </h3>
183    <ul>
184      <li>
185        <a href="/de/CSS/border-left"><code>border-left</code></a
 >>, <a href="/de/CSS/border-left-color"><code>border-left-color</c
 >ode></a>, <a href="/de/CSS/border-left-width"><code>border-left-w
 >idth</code></a>
186      </li>
187      <li>
188        <a href="/de/CSS/border-style"><code>border-style</code><
 >/a>, <a href="/de/CSS/border-bottom-style"><code>border-bottom-st
 >yle</code></a>, <a href="/de/CSS/border-right-style"><code>border
 >-right-style</code></a>, <a href="/de/CSS/border-top-style"><code
 >>border-top-style</code></a>
189      </li>
190    </ul>
191    <p>
192      {{ languages( { "en": "en/CSS/border-left-style", "fr": "fr
 >/CSS/border-left-style", "pl": "pl/CSS/border-left-style", "es": 
 >"es/CSS/border-left-style" } ) }}
193    </p>

Zurück zur Versionsgeschichte