Style alignSelf 属性

Mafunzo ya CodeW3C Kwenye Mawasiliano

Mafunzo ya HTML
Script ya Mwita
Script ya Serivisi
Mafunzo ya Kukodisha
Mafunzo ya XML
Kitabu cha Kuhakikisha Mawasiliano
Kitabu cha Mafanikio

Kazi ya Kusoma

JS Manual

JS Manual (sorted by category)
JS Manual (sorted by letter)

JavaScript

JS Array
JS Boolean
JS Class
JS Date
JS Error
JS Global
JS JSON
JS Map
JS Math
JS Number
JS Promise
JS RegExp
JS Set
JS String
JS Object
JS Operator
JS Operator Priority
JS Statement
JS Typeyed Array

Window

Inayofanana na Window
Window Console
Window History
Window Location
Window Navigator
Window Screen

HTML DOM

HTML Document
HTML Element
HTML Attribute
HTML Event
HTML Event Mwana
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API Canvas
API Console
API Fetch
API Fullscreen
API Geolocation
API History
API Media Query List
API Hifadhi
API Muonekano
API Web

HTML Mwongozo

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
</a></li> <li><a href="/sw/jsref/dom_obj_time.html" title="HTML DOM Time muhimu"><time></a></li> <li><a href="/sw/jsref/dom_obj_title.html" title="HTML DOM Title muhimu"><title></a></li> <li><a href="/sw/jsref/dom_obj_track.html" title="HTML DOM Track muhimu"><track></a></li> <li><a href="/sw/jsref/dom_obj_u.html" title="HTML DOM Underline muhimu"><u></a></li> <li><a href="/sw/jsref/dom_obj_ul.html" title="HTML DOM Ul muhimu"><ul></a></li> <li><a href="/sw/jsref/dom_obj_var.html" title="HTML DOM Variable muhimu"><var></a></li> <li><a href="/sw/jsref/dom_obj_video.html" title="HTML DOM Video muhimu"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/sw/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration muhimu">CSSStyleDeclaration</a></li> <li><a href="/sw/jsref/jsref_type_conversion.html" title="Tumiaji ya JavaScript">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/sw/howto/index.html" title="Kitu cha CodeW3C.com">Kitu cha CodeW3C.com</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style alignSelf 属性</h1> <div class="prenextnav-ref"> <ul> <li> Nyuma zaidi <a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">alignItems</a></li> <li> Pya zaidi <a href="/sw/jsref/prop_style_animation.html" title="Mwili wa Style animation">animation</a></li> <li> Rudi kipande chifuatayo <a href="/sw/jsref/dom_obj_style.html" title="Inayofanana na Style ya HTML DOM">Inayofanana na Style ya HTML DOM</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>alignSelf</code> 属性规定弹性容器内选定项的对齐方式。</p> <p class="note"><span>Tazama:</span>Hisia ya alignSelf inasababisha kufikia hisia ya kina cha kina cha kina cha kina: <a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">Mwili wa alignItems</a>.</p> </div> <div> <h2>Mfano</h2> <p>Inasababisha kufikia hisia ya kina kwa kiwango chenye kina cha kina cha kina cha kina:</p> <pre class="language-js"> document.getElementById("myBlueDiv").style.alignSelf = "stretch"; </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=jsck_style_alignself">Kufia kufanya kwa kufikia:</a></p> </div> <div> <h2>Inasababisha hisia ya kina</h2> <p>Inatoa hisia ya alignSelf:</p> <pre><i>object</i>.style.alignSelf</pre> <p>Inasababisha hisia ya alignSelf:</p> <pre><i>object</i>.style.alignSelf = "auto|stretch|center|flex-start|flex-end|baseline|initial|inherit"</pre> <h3>Hisia ya kina</h3> <table class="dataintable"> <tr> <th style="width: 25%;">Chaguo</th> <th>Maelezo</th> </tr> <tr> <td>auto</td> <td>Chaguo cha kuzingatia. Kina inasababishwa kuwa kina cha kuzingatia cha kina ya mawasiliano, au "stretch" kama hau na kina ya mawasiliano.</td> </tr> <tr> <td>stretch</td> <td>Kina hiki inasababishwa kufikia kifungu cha kina cha kuzingatia:</td> </tr> <tr> <td>center</td> <td>Kina hiki inahitaji mabonde ya kifungu cha kina cha kwa kati:</td> </tr> <tr> <td>flex-start</td> <td>Kina hiki inahitaji mabonde ya kifungu cha kina cha kuanzia:</td> </tr> <tr> <td>flex-end</td> <td>Kina hiki inahitaji mabonde ya kifungu cha kina cha kuzalishwa:</td> </tr> <tr> <td>baseline</td> <td>Kina hiki inahitaji mabonde ya kifungu cha kina:</td> </tr> <tr> <td>initial</td> <td>Inasababisha hisia hii kuwa kwa chaguo cha kuzingatia. Tazama: <a href="/sw/cssref/css_initial.html" title="Kilicho cha CSS initial">initial</a>.</td> </tr> <tr> <td>inherit</td> <td>Inasimamia hisia hii kutoka kwa kina ya mawasiliano, tazama: <a href="/sw/cssref/css_inherit.html" title="Kilicho cha CSS inherit">inherit</a>.</td> </tr> </table> </div> <div> <h2>Vivyo vya teknolojia</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">Chaguo cha kuzingatia:</th> <td>auto</td> </tr> <tr> <th>Mwito</th> <td>Mwili wa kawaida, inaonyesha maelezo kuhusu kina: <a href="/sw/cssref/pr_align-self.html" title="Mwili wa Style align-self">align-self hisia</a>.</td> </tr> <tr> <th>Tochi cha CSS:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>Inasimamia wasaweri wa wasaweri</h2> <p><code>alignItems</code> Ni tochi cha CSS3 (1999).</p> <p>Wote wasaweri zinaongeza kwa uwanja huo:</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> <th class="bsIE">IE</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> <td>IE</td> </tr> <tr> <td>Inasimamia</td> <td>Inasimamia</td> <td>Inasimamia</td> <td>Inasimamia</td> <td>Inasimamia</td> <td>11</td> </tr> </table> </div> <div> <h2>Paje za kuhusu</h2> <p>Kitabu cha CSS<a href="/sw/cssref/pr_align-self.html" title="Mwili wa Style align-self">align-self hisia</a></p> <p>Makao ya HTML DOM STYLE:<a href="/sw/jsref/prop_style_aligncontent.html" title="Mwili wa Style alignContent">Mwili wa alignContent</a></p> <p>Makao ya HTML DOM STYLE:<a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">Mwili wa alignItems</a></p> </div> <div class="prenextnav-ref"> <ul> <li> Nyuma zaidi <a href="/sw/jsref/prop_style_alignitems.html" title="Mwili wa Style alignItems">alignItems</a></li> <li> Pya zaidi <a href="/sw/jsref/prop_style_animation.html" title="Mwili wa Style animation">animation</a></li> <li> Rudi kipande chifuatayo <a href="/sw/jsref/dom_obj_style.html" title="Inayofanana na Style ya HTML DOM">Inayofanana na Style ya HTML DOM</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> Kikaguo cha vifaa </center><h3> <h5 id="tools_reference"><a href="/sw/jsref/index.html">Kitabu cha Mafanikio ya JavaScript na HTML DOM</a></h5> <h5 id="tools_example"><a href="/sw/js/js_examples.html">Mifano ya JavaScript</a></h5> <h5 id="tools_quiz"><a href="/sw/js/js_quiz.html">Imitaa ya JavaScript</a></h5> <h5 id="tools_tutorial"><a href="/sw/js/index.html">Makao ya ujuzi wa JavaScript</a></h5> </div> <div><h3><center> Viungo vya mshambuliaji </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com inatumiwa kwa mafunzo na mafanikio, hawakubaliwa kweli wa matokeo. Mabaya ya kutumia matokeo ya tovuti hauwezi kuhusiana na tovuti. Hisia zote zimekuwa ziko kwa sababu hiyo. Hisia zote zimekuwa ziko kwa sababu hiyo. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Sharti za kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu habari za privacy">Sharti za privacy</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inarikiwa na Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>