MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Compare Revisions

margin-left

Change Revisions

Revision 293524:

Revision 293524 by teoli on

Revision 297173:

Revision 297173 by ethertank on

Title:
margin-left
margin-left
Slug:
CSS/margin-left
CSS/margin-left
Tags:
css, CSS Reference, CSS Référence
"css", "CSS Reference"
Content:

Revision 293524
Revision 297173
nn7    <div>
8      {{CSSRef()}}
9    </div>
10    <div>
11      {{英語版章題('Summary')}}
12    </div>
13    <h2 id="Summary" name="Summary">
14      概要
15    </h2>
n8      {{ CSSRef() }}n17      <code>margin-left</code> プロパティは、要素の左に必要な余白を設定します。負の値も指定可能です
 >
9    </p>
10    <h2 id="Summary" name="Summary">
11      Summary
12    </h2>
13    <p>
14      The <code>margin-left</code> <a href="/en/CSS" title="CSS">
>CSS</a> property of an element sets the margin space required on  
>the left side of an element. A negative value is also allowed. 
n18        <dfn>{{ Xref_cssinitial() }}:</dfn> <code>0</code>n21        <dfn>{{Xref_cssinitial()}}</dfn>0
19      </li>
20      <li>22      </li>
21        <dfn>Applies to:</dfn> all elements except those with tab
>le display types other than <code>table-caption</code>, <code>tab 
>le</code>, and <code>inline-table</code> 
22      </li>23      <li>
24        <dfn>適用対象</dfn>: テーブル系要素を除く全ての要素。ただし、<code>table-caption<
 >/code>、<code>table</code>、<code>inline-table</code> には適用可能。
23      <li>25      </li>
24        <dfn>{{ Xref_cssinherited() }}:</dfn> no
25      </li>26      <li>
27        <dfn>{{Xref_cssinherited()}}</dfn>: しない
26      <li>28      </li>
27        <dfn>Percentages:</dfn> refer to {{ Cssxref("width") }} o
>f closest block-level ancestor 
28      </li>29      <li>
30        <dfn>相対値の基準</dfn>: 最も近いブロックレベルの先祖の {{Cssxref("width")}} を
 >参照する。
29      <li>31      </li>
30        <dfn>Media:</dfn> {{ Xref_cssvisual() }}
31      </li>32      <li>
33        <dfn>メディア</dfn>: {{Xref_cssvisual()}}
32      <li>34      </li>
33        <dfn>{{ Xref_csscomputed() }}:</dfn> the percentage as sp35      <li>
>ecified or the absolute length 
36        <dfn>{{Xref_csscomputed()}}</dfn>: 指定された割合または絶対値のな長さ
nn39    <div>
40      {{英語版章題('Syntax')}}
41    </div>
n37      Syntaxn43      構文
n40margin-left: {{ Xref_csslength() }} | {{ Xref_csspercentage() }} n46margin-left: &lt;length&gt; | &lt;percentage&gt; | inherit | auto
>| {{ Cssxref("inherit") }} | {{ Cssxref("auto") }};>;
nn48    <div>
49      {{英語版章題('Values')}}
50    </div>
n43      Valuesn52      値
n47        <code>&lt;length&gt;</code>n56        &lt;length&gt;
n50        Specifies a fixed width. See {{ xref_csslength() }} for pn59        固定幅を指定します。使用可能な値は {{xref_csslength()}} を参照してください。
>ossible values. 
n53        <code>&lt;percentage&gt;</code>n62        &lt;percentage&gt;
n56        A {{ xref_csspercentage() }} always relative to the <stron65        {{xref_csspercentage()}} は常に包含ブロックの<strong>幅</strong>を基準に
>ng>width</strong> of the containing block.>します。
n59        <code>auto</code>n68        auto
n62        See {{ cssxref("margin") }}.n71        {{cssxref("margin")}} を参照してください。
nn74    <div>
75      {{英語版章題('Examples')}}
76    </div>
n66      Examplesn78      サンプル
n68    <pre>n80    <pre class="brush:css">
69.content { margin-left: 5%; }81.content { margin-left:   5%; }
nn85    <div>
86      {{英語版章題('Specifications')}}
87    </div>
n74      Specificationsn89      仕様
n80            Specificationn95            仕様書
n83            Statusn98            策定状況
n86            Commentn101            コメント
n93            {{ SpecName('CSS3 Box', '#the-margin', 'margin-left')n108            {{SpecName('CSS3 Box', '#the-margin', 'margin-left')}
> }}>}
94          </td>
95          <td>109          </td>
110          <td>
96            {{ Spec2('CSS3 Box') }}111            {{Spec2('CSS3 Box')}}
97          </td>
98          <td>112          </td>
99            No significant change.
100          </td>113          <td>
101        </tr>114            有意な変更点は無し
102        <tr>
103          <td>115          </td>
116        </tr>
117        <tr>
118          <td>
104            {{ SpecName('CSS3 Transitions', '#animatable-css', 'm119            {{SpecName('CSS3 Transitions', '#animatable-css', 'ma
>argin-left') }}>rgin-left')}}
105          </td>
106          <td>120          </td>
121          <td>
107            {{ Spec2('CSS3 Transitions') }}122            {{Spec2('CSS3 Transitions')}}
108          </td>
109          <td>123          </td>
110            Defines <code>margin-left</code> as animatable.
111          </td>124          <td>
112        </tr>125            <code>margin-left</code> がアニメーション可能プロパティと定義された
113        <tr>
114          <td>126          </td>
127        </tr>
128        <tr>
129          <td>
115            {{ SpecName('CSS2.1', 'box.html#margin-properties', '130            {{SpecName('CSS2.1', 'box.html#margin-properties', 'm
>margin-left') }}>argin-left')}}
116          </td>
117          <td>131          </td>
132          <td>
118            {{ Spec2('CSS2.1') }}133            {{Spec2('CSS2.1')}}
119          </td>
120          <td>134          </td>
121            Removes its effect on inline elements.
122          </td>135          <td>
123        </tr>136            インライン要素への効果が削除された
124        <tr>
125          <td>137          </td>
138        </tr>
139        <tr>
140          <td>
126            {{ SpecName('CSS1', '#margin-left', 'margin-left') }}141            {{SpecName('CSS1', '#margin-left', 'margin-left')}}
127          </td>
128          <td>142          </td>
143          <td>
129            {{ Spec2('CSS1') }}144            {{Spec2('CSS1')}}
130          </td>
131          <td>145          </td>
132            Initial definition.146          <td>
147            最初期の仕様
n137    <h2 id="Browser_Compatibility" name="Browser_Compatibility">n152    <h2 id=".E3.83.96.E3.83.A9.E3.82.A6.E3.82.B6.E3.81.AE.E4.BA.9
 >2.E6.8F.9B.E6.80.A7">
138      Browser compatibility153      ブラウザ毎の互換性
n141      {{ CompatibilityTable() }}n156      {{CompatibilityTable()}}
n148              Featuren163              機能
n168              Basic supportn183              基本サポート
169            </td>
170            <td>184            </td>
171              1.0
172            </td>185            <td>
186              1.0
173            <td>187            </td>
188            <td>
174              {{ CompatGeckoDesktop("1") }}189              {{CompatGeckoDesktop("1")}}
n188              <code>auto</code> valuen203              <code>auto</code> 
189            </td>
190            <td>204            </td>
191              1.0
192            </td>205            <td>
206              1.0
193            <td>207            </td>
208            <td>
194              {{ CompatGeckoDesktop("1") }}209              {{CompatGeckoDesktop("1")}}
n214              Featuren229              機能
n223              IE&nbsp;Phonen238              IE Phone
n234              Basic supportn249              基本サポート
235            </td>
236            <td>250            </td>
237              1.0
238            </td>251            <td>
252              1.0
239            <td>253            </td>
254            <td>
240              {{ CompatGeckoMobile("1") }}255              {{CompatGeckoMobile("1")}}
n255    <h2 id="See_also">n270    <div>
256      See also271      {{英語版章題('See also')}}
272    </div>
273    <h2 id=".E9.96.A2.E9.80.A3.E9.A0.85.E7.9B.AE">
274      参照
t259      <li>{{ CSS_Reference:Margin() }}t277      <li>{{CSS_Reference:Margin()}}

Back to History