Versionen vergleichen

margin-right

Versionsänderungen

Version 89412:

Version 89412 von Michael2402 am

Version 89413:

Version 89413 von fscholz am

Titel:
margin-right
margin-right
Adressname:
CSS/margin-right
CSS/margin-right
Schlagwörter:
css, "CSS Referenz"
css, "CSS Referenz"
Inhalt:

Version 89412
Version 89413
n7    <div class="breadcrumbs">n7    <p>
8      <table width="100%">8      {{ CSSRef() }}
9        <tbody>
10          <tr>
11            <td style="width:33%;text-align:left">
12              ← <a href="de/CSS/margin-left">margin-left</a>
13            </td>
14            <td style="width:33%;text-align:center">
15              ↑ <a href="de/CSS/margin">margin</a> ↑
16            </td>
17            <td style="width:33%;text-align:right">
18              <a href="de/CSS/margin-top">margin-top</a> →
19            </td>
20          </tr>
21        </tbody>
22      </table>
23    </div>9    </p>
24    <h3 name=".C3.9Cbersicht">10    <h3>
25      Übersicht11      Übersicht:
n28      Die Eigenschaft <b>margin-right</b> gibt den rechten Außenan14      Die <code>margin-right</code> Eigenschaft legt den rechten 
>bstand des Elments an.>Außenabstand eines Elements fest. Negative Werte sind erlaubt.
n30    <dl>n16    <ul>
31      <dt>17      <li>Standardwert: <code>0</code>
32        Standardwert
33      </dt>18      </li>
34      <dd>19      <li>Anwendbar auf: alle Elemente, in Tabellen nur auf Eleme
 >nte mit <a href="/de/CSS/display" title="de/CSS/display">display<
 >/a> <code>table</code>, <code>table-caption</code> und <code>inli
 >ne-table</code>
35        0
36      </dd>20      </li>
37      <dt>21      <li>Vererbbar: Nein
38        Anwendbar auf
39      </dt>22      </li>
40      <dd>23      <li>Prozentwerte: beziehen sich immer auf die <a href="/de/
 >CSS/width" title="de/CSS/width">Breite</a> des umschließenden Blo
 >cks.
41        Alle Elemente
42      </dd>24      </li>
43      <dt>25      <li>Medium: visuell
44        Geerbt
45      </dt>26      </li>
46      <dd>27      <li>berechneter Wert: eine Prozentzahl wie festgelegt oder 
 >die absolute Länge.
47        Nein
48      </dd>28      </li>
49      <dt>
50        Medium
51      </dt>
52      <dd>
53        visual
54      </dd>
55      <dt>
56        Werte
57      </dt>
58      <dd>
59        Längenangabe, Prozentangabe, inherit
60      </dd>
61    </dl>29    </ul>
62    <h3 name="Syntax">30    <h3>
n65    <pre>n33    <pre class="eval">
66margin-left: [Längenangabe | Prozentangabe | auto | inherit]34margin-right: &lt;Längenangabe&gt; | &lt;Prozentzahl&gt; | auto |
 > inherit
n68    <p>n36    <h3>
69      <br>
70    </p>
71    <h3 name="Werte">
n76        Längenangaben41        &lt;Längenangabe&gt;
77      </dt>
78      <dt>
79        Prozentangabe
n82        Prozent der Breite des Elternelementsn44        Legt eine bestimmte <a href="/de/CSS/Einheiten#L.c3.a4nge
 >n" title="de/CSS/Einheiten#L.c3.a4ngen">Länge</a> fest. Negative 
 >Werte sind erlaubt.
45      </dd>
46      <dt>
47        &lt;Prozentzahl&gt;
48      </dt>
49      <dd>
50        Ein <a href="/de/CSS/Einheiten#Prozent" title="de/CSS/Ein
 >heiten#Prozent">prozentualer</a> Wert, der sich auf die Breite de
 >s umschließenden Blocks (<em>containing block</em>) bezieht. Nega
 >tive Werte sind erlaubt.
n88        Der Browser bestimmt den Wert automatischn56        <code>auto</code> wird von einem passendem Wert ersetzt, 
 >wobei die horizontalen bzw. vertikalen Dimensionen berücksichtigt
 > werden.
n94        der Browser verwendet den Wert des Elternelements.n62        Der Wert des Elternelements wird geerbt.
n97    <h3 name="Beispiele">n65    <h3>
n100    <p>n68    <pre>
101      kein Beispiel vorhanden69.content { margin-right: 5%; }
70.sidebox { margin-right: 10px; }
71.logo    { margin-right: -5px; }
72</pre>
102    </p>73    <h3>
103    <h3 name="Browser-Kompatibilit.C3.A4t">
104      Browser-Kompatibilität74      Browser <span>Kompatibilität</span>
n106    <pre class="eval">n
107   <span class="comment">IE</span>
108</pre>
109    <pre class="eval">
110   <span class="comment">Netscape</span>
111</pre>
112    <pre class="eval">
113   <span class="comment">Opera</span>
114</pre>
115    <pre class="eval">
116   <span class="comment">Firefox</span>
117</pre>
118    <pre class="eval">
119   <span class="comment">Konqueror</span>
120</pre>
121    <pre class="eval">
122   <span class="comment">Netscape</span>
123</pre>
124    <pre class="eval">
125   <span class="comment">Opera</span>
126</pre>
127    <pre class="eval">
128   <span class="comment">Firefox</span>
129</pre>
130    <pre class="eval">
131   <span class="comment">Konqueror</span>
132</pre>
133    <table class="standard-table" style="width:100%">76    <table class="standard-table">
n136          <th class="header">n79          <th>
n139          <th class="header" colspan="4">n82          <th>
140            Internet Explorer83            ab Version
n142          <th class="header" colspan="4">n
143            Netscape
144          </th>
145          <th class="header" colspan="6">
146            Opera
147          </th>
148          <th class="header" colspan="3">
149            Firefox
150          </th>
151          <th class="header" colspan="1">
152            Konqueror
153          </th>
154        </tr>
155        <tr>
n157            Versionn86            <code>auto</code> Wert
158          </th>
159          <th class="header">
160            4
161          </th>
162          <th class="header">
163            5
164          </th>
165          <th class="header">
166            6
167          </th>
168          <th class="header">
169            7
170          </th>
171          <th class="header">
172            4
173          </th>
174          <th class="header">
175            5
176          </th>
177          <th class="header">
178            6
179          </th>
180          <th class="header">
181            7
182          </th>
183          <th class="header">
184            3
185          </th>
186          <th class="header">
187            4
188          </th>
189          <th class="header">
190            5
191          </th>
192          <th class="header">
193            6
194          </th>
195          <th class="header">
196            7
197          </th>
198          <th class="header">
199            8
200          </th>
201          <th class="header">
202            1
203          </th>
204          <th class="header">
205            2
206          </th>
207          <th class="header">
208            3
209          </th>
210          <th class="header">
211            3.5.x
n216            wird unterstütztn91            Internet Explorer
217          </td>
218          <td style="background:#5FE716">
219            Ja
220          </td>
221          <td style="background:#5FE716">
222            Ja
223          </td>
224          <td style="background:#5FE716">
225            Ja
226          </td>
227          <td style="background:#5FE716">
228            Ja
229          </td>
230          <td style="background:#5FE716">
231            Ja
232          </td>
233          <td style="background:#5FE716">
234            Ja
235          </td>
236          <td style="background:#5FE716">
237            Ja
238          </td>
239          <td style="background:#5FE716">
240            Ja
n243            ?n94            3.0
n245          <td style="background:#5FE716">n96          <td>
246            Ja97            6.0 (strict mode)
n248          <td style="background:#5FE716">n99        </tr>
249            Ja100        <tr>
101          <td>
102            Firefox (Gecko)
n251          <td style="background:#5FE716">n104          <td>
252            Ja105            1.0 (1.0)
n254          <td style="background:#5FE716">n107          <td>
255            Ja108            1.0 (1.0)
n257          <td style="background:#5FE716">n110        </tr>
111        <tr>
112          <td>
258            Ja113            Opera
n260          <td style="background:#5FE716">n115          <td>
261            Ja116            3.5
n263          <td style="background:#5FE716">n118          <td>
264            Ja119            3.5
n266          <td style="background:#5FE716">n121        </tr>
267            Ja122        <tr>
123          <td>
124            Safari (WebKit)
n269          <td style="background:#5FE716">n126          <td>
270            Ja127            1.0 (85)
128          </td>
129          <td>
130            1.0 (85)
n275    <h3 name="Siehe_auch">n135    <h3>
136      Spezifikation
137    </h3>
138    <ul>
139      <li>
140        <a class="external" href="http://www.w3.org/TR/CSS21/box.
 >html#margin-properties" lang="en">CSS 2.1 Visual formatting #marg
 >in</a>
141      </li>
142    </ul>
143    <h3>
nn146    <ul>
147      <li>
148        <a href="/de/CSS/margin" title="de/CSS/margin"><code>marg
 >in</code></a>, <a href="/de/CSS/margin-top" title="de/CSS/margin-
 >top"><code>margin-top</code></a>, <a href="/de/CSS/margin-bottom"
 > title="de/CSS/margin-bottom"><code>margin-bottom</code></a>, <a 
 >href="/de/CSS/margin-left" title="de/CSS/margin-left"><code>margi
 >n-left</code></a>
149      </li>
150      <li>
151        <a href="/de/CSS/-moz-margin-start" title="de/CSS/-moz-ma
 >rgin-start"><code>-moz-margin-start</code></a>, <a href="/de/CSS/
 >-moz-margin-end" title="de/CSS/-moz-margin-end"><code>-moz-margin
 >-end</code></a>
152      </li>
153      <li>
154        <a href="/de/CSS/padding" title="de/CSS/padding"><code>pa
 >dding</code></a>
155      </li>
156    </ul>
t279      <a href="de/CSS/margin">margin</a>, <a href="de/CSS/margin-t158      {{ languages( {"en": "en/CSS/margin-right"} ) }}
>top">margin-top</a>, <a href="de/CSS/margin-left">margin-left</a> 
>, <a href="de/CSS/margin-bottom">margin-bottom</a>, <a href="de/C 
>SS/padding">padding</a> 

Zurück zur Versionsgeschichte