<li>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since иÑÐ»Ñ 2015 г..
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <li> иÑполÑзÑеÑÑÑ Ð´Ð»Ñ ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ ÑлеменÑов ÑпиÑка. Ðн Ñакже должен наÑ
одиÑÑÑÑ Ð² ÑодиÑелÑÑком ÑлеменÑе: ÑпоÑÑдоÑенном ÑпиÑке (<ol>), неÑпоÑÑдоÑенном ÑпиÑке (<ul>), или Ð¼ÐµÐ½Ñ (<menu>). Ð Ð¼ÐµÐ½Ñ Ð¸ неÑпоÑÑдоÑеннÑÑ
ÑпиÑкаÑ
, ÑлеменÑÑ ÑпиÑка обÑÑно оÑобÑажаÑÑÑÑ Ñ Ð¼Ð°ÑкеÑами в виде кÑÑга. Ð ÑпоÑÑдоÑеннÑÑ
ÑпиÑкаÑ
, они обÑÑно оÑобÑажаÑÑÑÑ Ñ Ð¼Ð°ÑкеÑами в виде возÑаÑÑаÑÑего ÑÑÑÑÑика Ñлева, напÑÐ¸Ð¼ÐµÑ ÑиÑла или бÑквÑ.
ÐнÑеÑакÑивнÑй пÑимеÑ
<p>Apollo astronauts:</p>
<ul>
<li>Neil Armstrong</li>
<li>Alan Bean</li>
<li>Peter Conrad</li>
<li>Edgar Mitchell</li>
<li>Alan Shepard</li>
</ul>
p,
li {
font:
1rem "Fira Sans",
sans-serif;
}
p {
font-weight: bold;
}
| ÐаÑегоÑии конÑенÑа | ÐеÑ. |
|---|---|
| ÐопÑÑÑимое ÑодеÑжимое | ÐоÑоковÑй конÑÐµÐ½Ñ |
| ÐÑопÑÑк Ñегов | ÐакÑÑваÑÑий Ñег Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¾Ð¿ÑÑен, еÑли за ÑлеменÑом непоÑÑедÑÑвенно ÑледÑÐµÑ Ð´ÑÑгой ÑÐ»ÐµÐ¼ÐµÐ½Ñ <li> или еÑли в ÑодиÑелÑÑком ÑлеменÑе Ð½ÐµÑ Ð±Ð¾Ð»ÑÑе ÑодеÑжимого. |
| ÐопÑÑÑимÑе ÑодиÑели | ÐлеменÑÑ <ul>, <ol>, или <menu>. ХоÑÑ Ð¸ не ÑооÑвеÑÑÑвÑÐµÑ Ð¸ÑполÑзованиÑ, ÑÑÑаÑевÑий <dir> Ñоже Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ ÑодиÑелÑÑким ÑлеменÑом. |
| ÐопÑÑÑимÑе ARIA-Ñоли | menuitem, menuitemcheckbox, menuitemradio, option, presentation, radio, separator, tab, treeitem |
| DOM-инÑеÑÑÐµÐ¹Ñ | HTMLLIElement |
ÐÑÑибÑÑÑ
ÐÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð²ÐºÐ»ÑÑÐ°ÐµÑ Ð³Ð»Ð¾Ð±Ð°Ð»ÑнÑе аÑÑибÑÑÑ.
value-
ÐÑÐ¾Ñ ÑиÑловой аÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ Ð½Ð° ÑекÑÑий поÑÑдковÑй Ð½Ð¾Ð¼ÐµÑ ÑлеменÑа в ÑпиÑке, заданного Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ ÑлеменÑа
<ol>. ÐдинÑÑвенное ÑазÑеÑÑнное знаÑение ÑÑого аÑÑибÑÑа â ÑиÑло, даже еÑли ÑпиÑок оÑобÑажаеÑÑÑ Ñ ÑимÑкими ÑиÑÑами или бÑквами. ÐлеменÑÑ ÑпиÑка, коÑоÑÑе идÑÑ Ð¿Ð¾Ñле ÑлеменÑа Ñ Ñаким аÑÑибÑÑом, нÑмеÑÑÑÑÑÑ Ñ Ð·Ð°Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ знаÑениÑ. ÐÑÑибÑÑ value не Ð¸Ð¼ÐµÐµÑ Ð·Ð½Ð°ÑÐµÐ½Ð¸Ñ Ð´Ð»Ñ Ð½ÐµÑпоÑÑдоÑеннÑÑ ÑпиÑков (<ul>) или Ð´Ð»Ñ Ð¼ÐµÐ½Ñ (<menu>).ÐÑимеÑание: ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð±Ñл ÑбÑан в HTML4, но заново добавлен в HTML5. [!NOTE] ÐÑедÑдÑÑие до Gecko 9.0, оÑÑиÑаÑелÑнÑе знаÑÐµÐ½Ð¸Ñ Ð½ÐµÐ¿ÑавилÑно конвеÑÑиÑовалиÑÑ Ð² 0. ÐаÑÐ¸Ð½Ð°Ñ Ñ Gecko 9.0 вÑе ÑиÑловÑе знаÑÐµÐ½Ð¸Ñ Ð²Ð¾ÑпÑинимаÑÑÑÑ Ð¿ÑавилÑно.
type-
ÐÑÐ¾Ñ ÑимволÑнÑй аÑÑибÑÑ ÑказÑÐ²Ð°ÐµÑ Ð½Ð° Ñип нÑмеÑаÑии:
a: ÑÑÑоÑнÑе бÑквÑA: заглавнÑе бÑквÑi: ÑÑÑоÑнÑе ÑимÑкие ÑиÑÑÑI: заглавнÑе ÑимÑкие ÑиÑÑÑ1: ÑиÑÑÑÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð¿ÐµÑеопÑеделÑÐµÑ Ñип ÑнаÑледованнÑй Ð¾Ñ ÑодиÑелÑÑкого ÑлеменÑа<ol>или лÑбого дÑÑгого.ÐÑимеÑание: ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð±Ñл ÑбÑан: иÑполÑзÑйÑе CSS-ÑвойÑÑво
list-style-typeвзамен.
ÐÑимеÑÑ
ÐÐ»Ñ Ð±Ð¾Ð»ÐµÐµ подÑобнÑÑ
пÑимеÑов ÑмоÑÑиÑе ÑÑÑаниÑÑ <ol> и <ul>.
УпоÑÑдоÑеннÑй ÑпиÑок
<ol>
<li>ÐеÑвÑй ÑлеменÑ</li>
<li>ÐÑоÑой ÑлеменÑ</li>
<li>ТÑеÑий ÑлеменÑ</li>
</ol>
УпоÑÑдоÑеннÑй ÑпиÑок Ñ Ð¿Ð¾Ð»ÑзоваÑелÑÑким знаÑением
<ol type="I">
<li value="3">ТÑеÑий ÑлеменÑ</li>
<li>ЧеÑвÑÑÑÑй ÑлеменÑ</li>
<li>ÐÑÑÑй ÑлеменÑ</li>
</ol>
ÐеÑпоÑÑдоÑеннÑй ÑпиÑок
<ul>
<li>ÐеÑвÑй ÑлеменÑ</li>
<li>ÐÑоÑой ÑлеменÑ</li>
<li>ТÑеÑий ÑлеменÑ</li>
</ul>
СпеÑиÑикаÑии
| Specification |
|---|
| HTML # the-li-element |
СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами
СмоÑÑиÑе Ñакже
- ÐÑÑалÑнÑе ÑпиÑковÑе HTML-ÑлеменÑÑ:
<ul>,<li>,<menu>и ÑÑÑаÑевÑий<dir>; - CSS-ÑвойÑÑва, коÑоÑÑе бÑли Ð±Ñ Ð¿Ð¾Ð»ÐµÐ·Ð½Ñ Ð´Ð»Ñ ÑÑилизаÑии
<li>ÑлеменÑов:- ÑвойÑÑво
list-style, Ð´Ð»Ñ Ð²ÑбоÑа ÑÑÐ¸Ð»Ñ Ð¼Ð°ÑкеÑа/поÑÑдкового номеÑа, - CSS ÑÑÑÑÑики, Ð´Ð»Ñ Ð¾Ð±ÑабоÑки ÑложнÑÑ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð½ÑÑ ÑпиÑков,
- ÑвойÑÑво
margin, Ð´Ð»Ñ ÐºÐ¾Ð½ÑÑÐ¾Ð»Ñ Ð¾ÑÑÑÑпа Ð¼ÐµÐ¶Ð´Ñ ÑлеменÑами ÑпиÑка.
- ÑвойÑÑво