Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Version 89680 von border

  • Adressname der Version: CSS/border
  • Titel der Version: border
  • ID der Version: 89680
  • Erstellt:
  • Autor: Jürgen Jeka
  • Aktuelle Version? Nein
  • Kommentar 26 words added, 4 words removed

Inhalt der Version

{{ outdated('Aktueller ist die englische Dokumentation: /en/CSS/cursor') }}

Die Eigenschaft border ist eine Kurzform zur Angabe der Werte für border-width, border-style, border-color.

Übersicht

Standardwert
none;
Anwendbar auf
Alle Elemente
Geerbt
Nein
Medium
visual
Werte
Die Werte für border-width, border-style, border-color oder inherit

Syntax

border: [[border-width || border-style || border-color] | inherit]

 

Werte

border-width
Siehe border-width
border-style
Siehe border-style
border-color
Siehe border-color
inherit
der Browser verwendet den Wert des Elternelements.

 

Beispiele

Ergebnis Quelltext
Ein grüner, gepunkteter Rahmen
<div style="border: border: 1px dotted green">Ein grüner, gepunkteter Rahmen</div>

Browser-Kompatibilität

   IE
   Netscape
   Opera
   Firefox
   Konqueror
   Netscape
   Opera
   Firefox
   Konqueror
Browser Internet Explorer Netscape Opera Firefox Konqueror
Version 4 5 6 7 4 5 6 7 3 4 5 6 7 8 1 2 3 3.5.x
wird unterstützt Ja Ja Ja Ja Ja Ja Ja Ja Ja* Ja Ja Ja Ja Ja Ja Ja Ja Ja

Quelltext der Version

<p>{{ outdated('Aktueller ist die englische Dokumentation: <a href='\"/en/CSS/cursor\"'>/en/CSS/cursor</a>') }}</p>
<div class="breadcrumbs">
<table width="100%"> <tbody> <tr> <td style="width:33%;text-align:left">← <a href="/de/CSS/background" title="de/CSS/background">background</a></td> <td style="width:33%;text-align:center">↑ <a href="/de/CSS_Referenz" title="de/CSS_Referenz">CSS Referenz</a> ↑</td> <td style="width:33%;text-align:right"><a href="/De/CSS/Bottom" title="De/CSS/Bottom">bottom</a> →</td> </tr> </tbody>
</table>
</div>
<div class="breadcrumbs">Kurzform 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> <br>
Detailiertere Einstellungen: <a href="/de/CSS/border-bottom" title="de/CSS/border-bottom">border-bottom</a>, <a href="/de/CSS/border-left" title="de/CSS/border-left">border-left</a>, <a href="/de/CSS/border-right" title="de/CSS/border-right">border-right</a>, <a href="/de/CSS/border-top" title="de/CSS/border-top">border-top</a></div>
<p>Die Eigenschaft <strong>border</strong> ist eine Kurzform zur 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>.</p>
<h3>Übersicht</h3>
<dl> <dt>Standardwert</dt> <dd> none; </dd> <dt>Anwendbar auf</dt> <dd> Alle Elemente </dd> <dt>Geerbt</dt> <dd> Nein </dd> <dt>Medium</dt> <dd> visual </dd> <dt>Werte</dt> <dd> Die 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> oder inherit </dd>
</dl>
<h3>Syntax</h3>
<pre>border: [[border-width || border-style || border-color] | inherit]</pre>
<p> </p>
<h3 name="Werte">Werte</h3>
<dl> <dt>border-width </dt> <dd>Siehe <a href="/de/CSS/border-width" title="de/CSS/border-width">border-width</a> </dd> <dt>border-style </dt> <dd>Siehe <a href="/de/CSS/border-style" title="de/CSS/border-style">border-style</a> </dd> <dt>border-color </dt> <dd>Siehe <a href="/de/CSS/border-color" title="de/CSS/border-color">border-color</a> </dd> <dt>inherit</dt> <dd>der Browser verwendet den Wert des Elternelements. </dd>
</dl>
<p> </p>
<h3>Beispiele</h3>
<table class="standard-table" style="width:100%"> <tbody> <tr> <td class="header">Ergebnis</td> <td class="header">Quelltext</td> </tr> <tr> <td> <div style="border: 1px dotted green">Ein grüner, gepunkteter Rahmen</div> </td> <td> <pre>
&lt;div style="border: border: 1px dotted green"&gt;Ein grüner, gepunkteter Rahmen&lt;/div&gt;</pre> </td> </tr> </tbody>
</table>
<h3>Browser-Kompatibilität</h3>
<pre class="eval">   <span class="comment">IE</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><pre class="eval">   <span class="comment">Netscape</span>
</pre><pre class="eval">   <span class="comment">Opera</span>
</pre><pre class="eval">   <span class="comment">Firefox</span>
</pre><pre class="eval">   <span class="comment">Konqueror</span>
</pre><table class="standard-table" style="width:100%"> <tbody> <tr> <th class="header">Browser</th> <th class="header" colspan="4">Internet Explorer</th> <th class="header" colspan="4">Netscape</th> <th class="header" colspan="6">Opera</th> <th class="header" colspan="3">Firefox</th> <th class="header" colspan="1">Konqueror</th> </tr> <tr> <th>Version</th>  <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>  <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th>  <th class="header">3</th> <th class="header">4</th> <th class="header">5</th> <th class="header">6</th> <th class="header">7</th> <th class="header">8</th>  <th class="header">1</th> <th class="header">2</th> <th class="header">3</th>  <th class="header">3.5.x</th> </tr> <tr> <td>wird unterstützt</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716" title="ab Version 3.5">Ja*</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td> <td style="background:#5FE716">Ja</td>  <td style="background:#5FE716">Ja</td> </tr> </tbody>
</table>
Zu dieser Version zurücksetzen