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

mozilla

Compare Revisions

margin-left

Change Revisions

Revision 297173:

Revision 297173 by ethertank on

Revision 297177:

Revision 297177 by ethertank on

Title:
margin-left
margin-left
Slug:
CSS/margin-left
CSS/margin-left
Tags:
"css", "CSS Reference"
"css", "CSS Reference"
Content:

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

Back to History