diff options
Diffstat (limited to 'files/fa/web/css/css_box_model/index.html')
-rw-r--r-- | files/fa/web/css/css_box_model/index.html | 116 |
1 files changed, 0 insertions, 116 deletions
diff --git a/files/fa/web/css/css_box_model/index.html b/files/fa/web/css/css_box_model/index.html deleted file mode 100644 index ed6760a26a..0000000000 --- a/files/fa/web/css/css_box_model/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: CSS Basic Box Model -slug: Web/CSS/CSS_Box_Model -tags: - - CSS - - CSS Box Model - - Guide - - NeedsTranslation - - Overview - - Reference - - TopicStub -translation_of: Web/CSS/CSS_Box_Model ---- -<div>{{CSSRef}}</div> - -<p><strong>CSS Basic Box Model</strong> is a module of CSS that defines the rectangular boxes—including their padding and margin—that are generated for elements and laid out according to the <a href="/en-US/docs/Web/CSS/Visual_formatting_model">visual formatting model</a>.</p> - -<h2 id="Reference">Reference</h2> - -<h3 id="Properties">Properties</h3> - -<h4 id="Properties_controlling_the_flow_of_content_in_a_box">Properties controlling the flow of content in a box</h4> - -<div class="index"> -<ul> - <li>{{CSSxRef("overflow")}}</li> - <li>{{CSSxRef("overflow-x")}}</li> - <li>{{CSSxRef("overflow-y")}}</li> -</ul> -</div> - -<h4 id="Properties_controlling_the_size_of_a_box">Properties controlling the size of a box</h4> - -<div class="index"> -<ul> - <li>{{CSSxRef("height")}}</li> - <li>{{CSSxRef("width")}}</li> - <li>{{CSSxRef("max-height")}}</li> - <li>{{CSSxRef("max-width")}}</li> - <li>{{CSSxRef("min-height")}}</li> - <li>{{CSSxRef("min-width")}}</li> -</ul> -</div> - -<h4 id="Properties_controlling_the_margins_of_a_box">Properties controlling the margins of a box</h4> - -<div class="index"> -<ul> - <li>{{CSSxRef("margin")}}</li> - <li>{{CSSxRef("margin-bottom")}}</li> - <li>{{CSSxRef("margin-left")}}</li> - <li>{{CSSxRef("margin-right")}}</li> - <li>{{CSSxRef("margin-top")}}</li> - <li>{{CSSxRef("margin-trim")}} {{Experimental_Inline}}</li> -</ul> -</div> - -<h4 id="Properties_controlling_the_paddings_of_a_box">Properties controlling the paddings of a box</h4> - -<div class="index"> -<ul> - <li>{{CSSxRef("padding")}}</li> - <li>{{CSSxRef("padding-bottom")}}</li> - <li>{{CSSxRef("padding-left")}}</li> - <li>{{CSSxRef("padding-right")}}</li> - <li>{{CSSxRef("padding-top")}}</li> -</ul> -</div> - -<h4 id="Other_properties">Other properties</h4> - -<div class="index"> -<ul> - <li>{{CSSxRef("visibility")}}</li> -</ul> -</div> - -<h2 id="Guides">Guides</h2> - -<dl> - <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model">Introduction to the CSS box model</a></dt> - <dd>Explains one of the fundamental concept of CSS: the box model. This model defines how CSS lays out elements, including their content, padding, border, and margin areas.</dd> - <dt><a href="/en-US/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Mastering margin collapsing</a></dt> - <dd>Sometimes, two adjacent margins are collapsed into one. This article describes the rules that govern when and why this happens, and how to control it.</dd> - <dt><a href="/en-US/docs/Web/CSS/Visual_formatting_model">Visual formatting model</a></dt> - <dd>Explains the visual formatting model.</dd> -</dl> - -<h2 id="Specifications">Specifications</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specification</th> - <th scope="col">Status</th> - <th scope="col">Comment</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName("CSS3 Box")}}</td> - <td>{{Spec2("CSS3 Box")}}</td> - <td>Added <code style="white-space: nowrap;">margin-trim</code></td> - </tr> - <tr> - <td>{{SpecName("CSS2.1", "box.html")}}</td> - <td>{{Spec2("CSS2.1")}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName("CSS1")}}</td> - <td>{{Spec2("CSS1")}}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> |