Атрибут compact

Последнее обновление: 03.02.2011

Атрибут compact — булев атрибут. Если установлен, подсказывает браузеру, что список нужно отображать более компактно. Интерпретация этого атрибута зависит от браузера.

Тип значения	«compact»
Значение по умолчанию	Нет
Применим к:	<dir> <dl> <menu> <ol> <ul>
Аналог в CSS	нет

Пример



			<ol  compact="compact">...</ol>

Твой код:

Результат:

<br /> <span id="bigDemoCode" title="Пример в большом окне">большой полигон</span> </div> </p></div> <p> <br /> </p> <h2>Заметки</h2> <p/> <p>Данный атрибут применять не рекомендуется. Расстояния между элементами определяются с помощью CSS свойств <a href="/manuals/css/properties/margin/" title="почитать о CSS свойстве margin">margin</a> и <a href="/manuals/css/properties/padding/" title="почитать о CSS свойстве padding">padding</a>.</p> <h2>По теме</h2> <ul> <li><a href="/collect/html-and-css-tricks/overclock-site/list-and-before/" title="перейти к статье Псевдоэлемент before для маркера списка"> Псевдоэлемент before для маркера списка </a></li> <li><a href="/collect/html-and-css-tricks/content/li-noclass/" title="перейти к статье Индивидуальные стили для li. Избавляемся от классов"> Индивидуальные стили для li. Избавляемся от классов </a></li> <li><a href="/learn/tegofenshuj/semantic-menu/" title="перейти к статье Как правильно сверстать меню"> Как правильно сверстать меню</a></li> <li><a href="/manuals/css/properties/list-style/" title="прочитать о CSS свойстве list-style">Свойство list-style</a></li> <li><a href="/manuals/css/properties/list-style-image/" title="прочитать о CSS свойстве list-style-image">Свойство list-style-image</a></li> <li><a href="/manuals/css/properties/list-style-position/" title="прочитать о CSS свойстве list-style-position">Свойство list-style-position</a></li> <li><a href="/manuals/css/properties/list-style-type/" title="прочитать о CSS свойстве list-style-type">Свойство list-style-type</a></li> </ul> <p></p> <div class="innerTags"> Теги: <a href="/cloud-atributy-HTML/" title="Поиск по тегу атрибуты HTML" rel="tag">атрибуты HTML</a> </div> <div id="comments"> <span id="showComments" rel="523=modx">Показать комментарии</span> </div> </div> </div> </article> </div> <div class="col-md-12 col-lg-3"> <aside id="secondary" class="widget-area"> <div class="title">Статьи этого раздела</div> <ul class="child_articles"> <li class="page_item page-item-3912"><a href="https://mpbox.ru/manuals/html/attributes/tabindex/">HTML атрибут tabindex | назначение, значения, примеры</a></li> <li class="page_item page-item-3913"><a href="https://mpbox.ru/manuals/html/attributes/target/">HTML атрибут target | назначение, значения, примеры</a></li> <li class="page_item page-item-3914"><a href="https://mpbox.ru/manuals/html/attributes/text/">HTML атрибут text | назначение, значения, примеры</a></li> <li class="page_item page-item-3915"><a href="https://mpbox.ru/manuals/html/attributes/title/">HTML атрибут title | назначение, значения, примеры</a></li> <li class="page_item page-item-3917"><a href="https://mpbox.ru/manuals/html/attributes/type/">HTML атрибут type | назначение, значения, примеры</a></li> <li class="page_item page-item-3817"><a href="https://mpbox.ru/manuals/html/attributes/abbr/">HTML атрибут abbr | назначение, значения, примеры</a></li> <li class="page_item page-item-3818"><a href="https://mpbox.ru/manuals/html/attributes/above/">HTML атрибут above | назначение, значения, примеры</a></li> <li class="page_item page-item-3820"><a href="https://mpbox.ru/manuals/html/attributes/accept/">HTML атрибут accept | назначение, значения, примеры</a></li> <li class="page_item page-item-3819"><a href="https://mpbox.ru/manuals/html/attributes/accept-charset/">HTML атрибут accept-charset | назначение, значения, примеры</a></li> <li class="page_item page-item-3821"><a href="https://mpbox.ru/manuals/html/attributes/accesskey/">HTML атрибут accesskey | назначение, значения, примеры</a></li> <li class="page_item page-item-3822"><a href="https://mpbox.ru/manuals/html/attributes/action/">HTML атрибут action | назначение, значения, примеры</a></li> <li class="page_item page-item-3823"><a href="https://mpbox.ru/manuals/html/attributes/align/">HTML атрибут align</a></li> <li class="page_item page-item-3824"><a href="https://mpbox.ru/manuals/html/attributes/alink/">HTML атрибут alink | назначение, значения, примеры</a></li> <li class="page_item page-item-3825"><a href="https://mpbox.ru/manuals/html/attributes/allowtransparency/">HTML атрибут ALLOWTRANSPARENCY | назначение, значения, примеры</a></li> <li class="page_item page-item-3826"><a href="https://mpbox.ru/manuals/html/attributes/alt/">HTML атрибут alt | назначение, значения, примеры</a></li> <li class="page_item page-item-3827"><a href="https://mpbox.ru/manuals/html/attributes/archive/">HTML атрибут archive | назначение, значения, примеры</a></li> <li class="page_item page-item-3828"><a href="https://mpbox.ru/manuals/html/attributes/autocomplete/">HTML атрибут autocomplete | назначение, значения, примеры</a></li> <li class="page_item page-item-3829"><a href="https://mpbox.ru/manuals/html/attributes/axis/">HTML атрибут axis | назначение, значения, примеры</a></li> <li class="page_item page-item-3830"><a href="https://mpbox.ru/manuals/html/attributes/background/">HTML атрибут background | назначение, значения, примеры</a></li> <li class="page_item page-item-3831"><a href="https://mpbox.ru/manuals/html/attributes/bgcolor/">HTML атрибут bgcolor | назначение, значения, примеры</a></li> <li class="page_item page-item-3832"><a href="https://mpbox.ru/manuals/html/attributes/bgproperties/">HTML атрибут bgproperties | назначение, значения, примеры</a></li> <li class="page_item page-item-3833"><a href="https://mpbox.ru/manuals/html/attributes/border/">HTML атрибут border | назначение, значения, примеры</a></li> <li class="page_item page-item-3834"><a href="https://mpbox.ru/manuals/html/attributes/bordercolor/">HTML атрибут bordercolor | назначение, значения, примеры</a></li> <li class="page_item page-item-3836"><a href="https://mpbox.ru/manuals/html/attributes/cellpadding/">HTML атрибут cellpadding | назначение, значения, примеры</a></li> <li class="page_item page-item-3837"><a href="https://mpbox.ru/manuals/html/attributes/cellspacing/">HTML атрибут cellspacing | назначение, значения, примеры</a></li> <li class="page_item page-item-3838"><a href="https://mpbox.ru/manuals/html/attributes/char/">HTML атрибут char | назначение, значения, примеры</a></li> <li class="page_item page-item-3839"><a href="https://mpbox.ru/manuals/html/attributes/charoff/">HTML атрибут charoff | назначение, значения, примеры</a></li> <li class="page_item page-item-3840"><a href="https://mpbox.ru/manuals/html/attributes/charset/">HTML атрибут charset | назначение, значения, примеры</a></li> <li class="page_item page-item-3841"><a href="https://mpbox.ru/manuals/html/attributes/checked/">HTML атрибут checked | назначение, значения, примеры</a></li> <li class="page_item page-item-3842"><a href="https://mpbox.ru/manuals/html/attributes/cite/">HTML атрибут cite | назначение, значения, примеры</a></li> <li class="page_item page-item-3843"><a href="https://mpbox.ru/manuals/html/attributes/class/">HTML атрибут class | назначение, значения, примеры</a></li> <li class="page_item page-item-3844"><a href="https://mpbox.ru/manuals/html/attributes/classid/">HTML атрибут classid | назначение, значения, примеры</a></li> <li class="page_item page-item-3845"><a href="https://mpbox.ru/manuals/html/attributes/clear/">HTML атрибут clear | назначение, значения, примеры</a></li> <li class="page_item page-item-3846"><a href="https://mpbox.ru/manuals/html/attributes/code/">HTML атрибут code | назначение, значения, примеры</a></li> <li class="page_item page-item-3847"><a href="https://mpbox.ru/manuals/html/attributes/codebase/">HTML атрибут codebase | назначение, значения, примеры</a></li> <li class="page_item page-item-3848"><a href="https://mpbox.ru/manuals/html/attributes/codetype/">HTML атрибут codetype | назначение, значения, примеры</a></li> <li class="page_item page-item-3849"><a href="https://mpbox.ru/manuals/html/attributes/color/">HTML атрибут color | назначение, значения, примеры</a></li> <li class="page_item page-item-3850"><a href="https://mpbox.ru/manuals/html/attributes/cols/">HTML атрибут cols | назначение, значения, примеры</a></li> <li class="page_item page-item-3851"><a href="https://mpbox.ru/manuals/html/attributes/colspan/">HTML атрибут colspan | назначение, значения, примеры</a></li> <li class="page_item page-item-3852 current_page_item"><a href="https://mpbox.ru/manuals/html/attributes/compact/" aria-current="page">HTML атрибут compact | назначение, значения, примеры</a></li> <li class="page_item page-item-3853"><a href="https://mpbox.ru/manuals/html/attributes/content/">HTML атрибут content | назначение, значения, примеры</a></li> <li class="page_item page-item-3854"><a href="https://mpbox.ru/manuals/html/attributes/coords/">HTML атрибут coords | назначение, значения, примеры</a></li> <li class="page_item page-item-3855"><a href="https://mpbox.ru/manuals/html/attributes/data/">HTML атрибут data | назначение, значения, примеры</a></li> <li class="page_item page-item-3856"><a href="https://mpbox.ru/manuals/html/attributes/datetime/">HTML атрибут datetime | назначение, значения, примеры</a></li> <li class="page_item page-item-3857"><a href="https://mpbox.ru/manuals/html/attributes/declare/">HTML атрибут declare | назначение, значения, примеры</a></li> <li class="page_item page-item-3858"><a href="https://mpbox.ru/manuals/html/attributes/defer/">HTML атрибут defer | назначение, значения, примеры</a></li> <li class="page_item page-item-3859"><a href="https://mpbox.ru/manuals/html/attributes/dir/">HTML атрибут dir | назначение, значения, примеры</a></li> <li class="page_item page-item-3860"><a href="https://mpbox.ru/manuals/html/attributes/disabled/">HTML атрибут disabled | назначение, значения, примеры</a></li> <li class="page_item page-item-3861"><a href="https://mpbox.ru/manuals/html/attributes/enctype/">HTML атрибут enctype | назначение, значения, примеры</a></li> <li class="page_item page-item-3862"><a href="https://mpbox.ru/manuals/html/attributes/face/">HTML атрибут face | назначение, значения, примеры</a></li> <li class="page_item page-item-3863"><a href="https://mpbox.ru/manuals/html/attributes/for/">HTML атрибут for | назначение, значения, примеры</a></li> <li class="page_item page-item-3864"><a href="https://mpbox.ru/manuals/html/attributes/frame/">HTML атрибут frame | назначение, значения, примеры</a></li> <li class="page_item page-item-3865"><a href="https://mpbox.ru/manuals/html/attributes/frameborder/">HTML атрибут frameborder | назначение, значения, примеры</a></li> <li class="page_item page-item-3866"><a href="https://mpbox.ru/manuals/html/attributes/galleryimg/">HTML атрибут galleryimg | назначение, значения, примеры</a></li> <li class="page_item page-item-3867"><a href="https://mpbox.ru/manuals/html/attributes/headers/">HTML атрибут headers | назначение, значения, примеры</a></li> <li class="page_item page-item-3868"><a href="https://mpbox.ru/manuals/html/attributes/height/">HTML атрибут height| назначение, значения, примеры</a></li> <li class="page_item page-item-3869"><a href="https://mpbox.ru/manuals/html/attributes/href/">HTML атрибут href | назначение, значения, примеры</a></li> <li class="page_item page-item-3870"><a href="https://mpbox.ru/manuals/html/attributes/hreflang/">HTML атрибут hreflang | назначение, значения, примеры</a></li> <li class="page_item page-item-3871"><a href="https://mpbox.ru/manuals/html/attributes/hspace/">HTML атрибут hspace | назначение, значения, примеры</a></li> <li class="page_item page-item-3872"><a href="https://mpbox.ru/manuals/html/attributes/http-equiv/">HTML атрибут http-equiv | назначение, значения, примеры</a></li> <li class="page_item page-item-3873"><a href="https://mpbox.ru/manuals/html/attributes/id/">HTML атрибут id | назначение, значения, примеры</a></li> <li class="page_item page-item-3874"><a href="https://mpbox.ru/manuals/html/attributes/ismap/">HTML атрибут ismap | назначение, значения, примеры</a></li> <li class="page_item page-item-3875"><a href="https://mpbox.ru/manuals/html/attributes/label/">HTML атрибут label | назначение, значения, примеры</a></li> <li class="page_item page-item-3876"><a href="https://mpbox.ru/manuals/html/attributes/lang/">HTML атрибут lang | назначение, значения, примеры</a></li> <li class="page_item page-item-3877"><a href="https://mpbox.ru/manuals/html/attributes/language/">HTML атрибут language | назначение, значения, примеры</a></li> <li class="page_item page-item-3879"><a href="https://mpbox.ru/manuals/html/attributes/link/">HTML атрибут link | назначение, значения, примеры</a></li> <li class="page_item page-item-3880"><a href="https://mpbox.ru/manuals/html/attributes/longdesc/">HTML атрибут longdesc | назначение, значения, примеры</a></li> <li class="page_item page-item-3881"><a href="https://mpbox.ru/manuals/html/attributes/loop/">HTML атрибут loop | назначение, значения, примеры</a></li> <li class="page_item page-item-3882"><a href="https://mpbox.ru/manuals/html/attributes/marginheight/">HTML атрибут marginheight | назначение, значения, примеры</a></li> <li class="page_item page-item-3883"><a href="https://mpbox.ru/manuals/html/attributes/marginwidth/">HTML атрибут marginwidth | назначение, значения, примеры</a></li> <li class="page_item page-item-3884"><a href="https://mpbox.ru/manuals/html/attributes/media/">HTML атрибут media | назначение, значения, примеры</a></li> <li class="page_item page-item-3885"><a href="https://mpbox.ru/manuals/html/attributes/method/">HTML атрибут method | назначение, значения, примеры</a></li> <li class="page_item page-item-3886"><a href="https://mpbox.ru/manuals/html/attributes/multiple/">HTML атрибут multiple | назначение, значения, примеры</a></li> <li class="page_item page-item-3887"><a href="https://mpbox.ru/manuals/html/attributes/name/">HTML атрибут name | назначение, значения, примеры</a></li> <li class="page_item page-item-3888"><a href="https://mpbox.ru/manuals/html/attributes/nohref/">HTML атрибут nohref | назначение, значения, примеры</a></li> <li class="page_item page-item-3889"><a href="https://mpbox.ru/manuals/html/attributes/noshade/">HTML атрибут noshade | назначение, значения, примеры</a></li> <li class="page_item page-item-3890"><a href="https://mpbox.ru/manuals/html/attributes/nowrap/">HTML атрибут nowrap | назначение, значения, примеры</a></li> <li class="page_item page-item-3891"><a href="https://mpbox.ru/manuals/html/attributes/object/">HTML атрибут object | назначение, значения, примеры</a></li> <li class="page_item page-item-3892"><a href="https://mpbox.ru/manuals/html/attributes/profile/">HTML атрибут profile | назначение, значения, примеры</a></li> <li class="page_item page-item-3893"><a href="https://mpbox.ru/manuals/html/attributes/prompt/">HTML атрибут prompt | назначение, значения, примеры</a></li> <li class="page_item page-item-3894"><a href="https://mpbox.ru/manuals/html/attributes/readonly/">HTML атрибут readonly | назначение, значения, примеры</a></li> <li class="page_item page-item-3895"><a href="https://mpbox.ru/manuals/html/attributes/rel/">HTML атрибут rel | назначение, значения, примеры</a></li> <li class="page_item page-item-3896"><a href="https://mpbox.ru/manuals/html/attributes/rev/">HTML атрибут rev | назначение, значения, примеры</a></li> <li class="page_item page-item-3897"><a href="https://mpbox.ru/manuals/html/attributes/rows/">HTML атрибут rows | назначение, значения, примеры</a></li> <li class="page_item page-item-3898"><a href="https://mpbox.ru/manuals/html/attributes/rowspan/">HTML атрибут rowspan | назначение, значения, примеры</a></li> <li class="page_item page-item-3899"><a href="https://mpbox.ru/manuals/html/attributes/rules/">HTML атрибут rules | назначение, значения, примеры</a></li> <li class="page_item page-item-3900"><a href="https://mpbox.ru/manuals/html/attributes/scheme/">HTML атрибут scheme | назначение, значения, примеры</a></li> <li class="page_item page-item-3901"><a href="https://mpbox.ru/manuals/html/attributes/scope/">HTML атрибут scope | назначение, значения, примеры</a></li> <li class="page_item page-item-3902"><a href="https://mpbox.ru/manuals/html/attributes/scrolling/">HTML атрибут scrolling | назначение, значения, примеры</a></li> <li class="page_item page-item-3903"><a href="https://mpbox.ru/manuals/html/attributes/selected/">HTML атрибут selected | назначение, значения, примеры</a></li> <li class="page_item page-item-3904"><a href="https://mpbox.ru/manuals/html/attributes/shape/">HTML атрибут shape | назначение, значения, примеры</a></li> <li class="page_item page-item-3905"><a href="https://mpbox.ru/manuals/html/attributes/size/">HTML атрибут size | назначение, значения, примеры</a></li> <li class="page_item page-item-3906"><a href="https://mpbox.ru/manuals/html/attributes/span/">HTML атрибут span | назначение, значения, примеры</a></li> <li class="page_item page-item-3907"><a href="https://mpbox.ru/manuals/html/attributes/src/">HTML атрибут src | назначение, значения, примеры</a></li> <li class="page_item page-item-3908"><a href="https://mpbox.ru/manuals/html/attributes/standby/">HTML атрибут standby | назначение, значения, примеры</a></li> <li class="page_item page-item-3909"><a href="https://mpbox.ru/manuals/html/attributes/start/">HTML атрибут start | назначение, значения, примеры</a></li> <li class="page_item page-item-3910"><a href="https://mpbox.ru/manuals/html/attributes/style/">HTML атрибут style | назначение, значения, примеры</a></li> <li class="page_item page-item-3911"><a href="https://mpbox.ru/manuals/html/attributes/summary/">HTML атрибут summary | назначение, значения, примеры</a></li> <li class="page_item page-item-3918"><a href="https://mpbox.ru/manuals/html/attributes/usemap/">HTML атрибут usemap | назначение, значения, примеры</a></li> <li class="page_item page-item-3919"><a href="https://mpbox.ru/manuals/html/attributes/valign/">HTML атрибут valign | назначение, значения, примеры</a></li> <li class="page_item page-item-3920"><a href="https://mpbox.ru/manuals/html/attributes/value/">HTML атрибут value | назначение, значения, примеры</a></li> <li class="page_item page-item-3921"><a href="https://mpbox.ru/manuals/html/attributes/valuetype/">HTML атрибут valuetype | назначение, значения, примеры</a></li> <li class="page_item page-item-3922"><a href="https://mpbox.ru/manuals/html/attributes/version/">HTML атрибут version | назначение, значения, примеры</a></li> <li class="page_item page-item-3923"><a href="https://mpbox.ru/manuals/html/attributes/vspace/">HTML атрибут vspace | назначение, значения, примеры</a></li> <li class="page_item page-item-3924"><a href="https://mpbox.ru/manuals/html/attributes/width/">HTML атрибут width | назначение, значения, примеры</a></li> <li class="page_item page-item-3925"><a href="https://mpbox.ru/manuals/html/attributes/xmlns/">HTML атрибут xmlns | назначение, значения, примеры</a></li> <li class="page_item page-item-3835"><a href="https://mpbox.ru/manuals/html/attributes/caption/">Ошибка 404 — Страница не найдена</a></li> <li class="page_item page-item-3878"><a href="https://mpbox.ru/manuals/html/attributes/left/">Ошибка 404 — Страница не найдена</a></li> <li class="page_item page-item-3916"><a href="https://mpbox.ru/manuals/html/attributes/top/">Ошибка 404 — Страница не найдена</a></li> </ul> </aside> </div> </div> </div> </main> <footer id="colophon" class="site-footer"> <div class="container"> <div class="row"> <div class="col-md-12 col-lg-6"> <div class="footer_title">Инфо</div> <ul> <li><a href="/about/">О проекте</a></li> <li><a href="/about-materials/">О материалах</a></li> <li><a href="/site-map/">Карта сайта</a></li> </ul> </div> <div class="col-md-12 col-lg-6"> <div class="footer_title">Разделы</div> <ul> <li><a href="/html-and-css-tricks/">HTML и CSS приемы</a></li> <li><a href="/services/">Сервисы</a></li> <li><a href="/training/">Уроки</a></li> <li><a href="/terms/terms-A/">Cловарь терминов</a></li> <li><a href="/learn/html/">HTML справочник</a></li> <li><a href="/learn/css/">CSS справочник</a></li> </ul> </div> </div> <div class="footerCopy">© 2009-2025 mpbox.ru Справочник HTML, CSS, Javascript.</div> </div> </footer> </div> <script src="https://mpbox.ru/wp-content/themes/mpbox/js/navigation.js?ver=1.0.0" id="mpbox-navigation-js"></script> <script> function toHex(form) { num = parseInt(form.num.value); form.hex.value = num.toString(16); if(form.num.value!=''&&form.num.value!='NaN'&&form.hex.value!='NaN') jQuery('#result').replaceWith('<div id="result">&#'+form.num.value+'</div>'); } document.addEventListener("DOMContentLoaded", function () { function copyToClipboard(element) { var temp = document.createElement("textarea"); temp.value = element.parentNode.nextElementSibling.textContent; document.body.appendChild(temp); temp.select(); document.execCommand("copy"); document.body.removeChild(temp); var added = document.createElement("i"); added.classList.add("added"); added.textContent = "Copied..."; element.appendChild(added); setTimeout(function () { var added = document.querySelector(".added"); added.parentNode.removeChild(added); }, 2000); } var boxElements = document.querySelectorAll(".selectCode"); for (var i = 0; i < boxElements.length; i++) { boxElements[i].addEventListener("click", function(e) { e.preventDefault(); copyToClipboard(this); }); } }); (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(88687193, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/19171282" style="position:absolute; left:-9999px;" alt="" /></div></noscript> </body> </html>