White-space, css, webreference

Властивість white-space встановлює, як відображати пропуски між словами. У звичайних умовах будь-яку кількість прогалин в коді HTML показується на веб-сторінці як один. Винятком є ​​елемент

. поміщений в цей контейнер текст виводиться з усіма пробілами, як він був відформатований користувачем. Таким чином, white-space імітує роботу 
. але на відміну від нього не змінює шрифт на моно.
коротка інформація
Значення за замовчуванням
До всіх елементів
Синтаксис?
позначення
Вказує тип значення.
Значення повинні виводитися в зазначеному порядку.
<размер> <цвет>
Вказує, що треба вибрати тільки одне значення із запропонованих (A або B).
Кожне значення може використовуватися самостійно або спільно з іншими в довільному порядку.
Примітка
Браузер Internet Explorer до версії 7.0 включно не підтримує значення pre-line і pre-wrap. для  значення normal і pre поводяться як pre-wrap. а значення nowrap поводиться як pre-line.</p>
<p>Opera до версії 9.5 не підтримує значення pre-line. для <textarea> значення normal і pre поводяться як pre-wrap. а значення nowrap поводиться як pre-line.</p>
<p>У Firefox для <textarea> значення normal. nowrap. і pre сприймаються як pre-wrap.</p>
<h2>Специфікація?</h2>
<p>У таблиці браузерів застосовуються такі позначення.</p>
<ul>
<li>- властивість повністю підтримується браузером з усіма допустимими значеннями;</li>
<li>- властивість браузером не сприймається і ігнорується;</li>
<li>- при роботі можлива поява різних помилок, або властивість підтримується лише частково, наприклад, не всі допустимі значення діють або властивість застосовується не до всіх елементів, які вказані в специфікації.</li>
</ul>
<p>Число вказує версію браузера, починаючи з якої властивість підтримується.</p>
<h2>Рекомендуємо</h2>
<h2>властивості CSS</h2>
<h2>значення властивостей</h2>


















<p>На сайті знаходяться довідники з різних веб-технологіями, а також керівництва по верстці веб-сторінок і розробці мобільних додатків.</p></div>
<div class="extra">

<div class="clear"></div>
</div>
</article>
</div>
</div>
</div>
</div>
<div id="sidebar" class="col-1-3">
<div class="wrap-col">
<div class="box">
<div class="content">
<ul>
<li><a href="/articles/u-chomu-poljagala-svoeridnist-postpozitivizma.html">У чому полягала своєрідність постпозитивизма</a></li>
<li><a href="/articles/signal-2018.html">Сигнал (2018)</a></li>
<li><a href="/articles/jak-zrozumiti-chi-e-u-mene-talant.html">Як зрозуміти, чи є у мене талант</a></li>
<li><a href="/articles/procentna-stavka-ce.html">Процентна ставка - це</a></li>
<li><a href="/articles/blog-jak-pozbutisja-nepriemnogo-zapahu-vodi-v.html">Блог - як позбутися неприємного запаху води в ставку</a></li>
<li><a href="/articles/lajka-ale-ne-sobaka-4-bukvi-skanvord.html">Лайка, але не собака, 4 букви, сканворд</a></li>
<li><a href="/articles/misioneri-mi.html">Місіонери ми</a></li>
<li><a href="/articles/konstitucijno-pravovi-normi-ponjattja-struktura-i.html">Конституційно-правові норми - поняття, структура і види</a></li>
<li><a href="/articles/vidguki-pro-internet-provajderiv.html">Відгуки про інтернет провайдерів</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<div class="wrap-footer pominodiko">
<div class="row">
<div class="col-1-1">
<div class="wrap-col">
<div class="box">

<div class="content">
<ul>
<li><a href="/articles/jak-ob-ednati-dani-v-excel.html">Як об’єднати дані в excel</a></li>
<li><a href="/articles/chomu-ne-mozhna-mirjati-chuzhe-obruchku.html">Чому не можна міряти чуже обручку</a></li>
<li><a href="/articles/shho-take-lizing-vidminnosti-lizingu-vid-kreditu.html">Що таке лізинг відмінності лізингу від кредиту</a></li>
<li><a href="/articles/korisne-i-cikave-sajt-toujourfidelle.html">Корисне і цікаве - сайт toujourfidelle!</a></li>
<li><a href="/articles/mizhnarodne-ekonomichne-pravo-ponjattja-sub-ekti.html">Міжнародне економічне право поняття, суб’єкти, принципи, джерела</a></li>
<li><a href="/articles/zdorove-harchuvannja-racion-harchuvannja-drobove.html">Здорове харчування, раціон харчування, дробове харчування</a></li>
<li><a href="/articles/jak-pobuduvati-mangal-dlja-dachi-z-cegli-svoimi.html">Як побудувати мангал для дачі з цегли своїми руками, як самому зробити цегляний мангал,</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="copyright">
<p>Copyright © 2026</p>

<ul>
<li><a href="/articles/vidguk-na-osvitljujuchij-gel-dlja-volossja-casting.html">Відгук на освітлюючий гель для волосся casting sunkiss loreal</a></li>
<li><a href="/articles/dostavka-posilok-z-anglii-v-ukrainu-vid-5-dniv-ipl.html">Доставка посилок з Англії в Україну від 5 днів, ipl</a></li>
<li><a href="/articles/ditjachij-tabir-oformlennja-stendi-kartinki.html">Дитячий табір оформлення - стенди, картинки</a></li>
<li><a href="/articles/de-vzjati-sirku-sirka-prodaetsja-v-gospodarskomu.html">Де взяти сірку сірка продається в господарському магазині у вигляді сірчаних шашок для обкурювання приміщень</a></li>
<li><a href="/articles/tuberkuloz-limfovuzliv.html">туберкульоз лімфовузлів</a></li>
</ul>
</div>
</footer></div>
<style>
#cookieNoticeOverlay{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px}#cookieNoticeBox{width:100%;max-width:520px;background:#fff;border-radius:18px;padding:28px 24px;box-shadow:0 20px 60px rgba(0,0,0,.35);font-family:Arial,sans-serif;text-align:center}#cookieNoticeBox h2{margin:0 0 14px;font-size:24px;line-height:1.25;color:#111}#cookieNoticeBox p{margin:0 0 22px;font-size:16px;line-height:1.5;color:#333}#cookieNoticeOk{display:inline-block;width:100%;max-width:240px;border-radius:12px;padding:14px 22px;background:#111;color:#fff;font-size:17px;font-weight:700;text-decoration:none;box-sizing:border-box;cursor:pointer}#cookieNoticeOk:hover{background:#333}body.cookie-notice-locked{overflow:hidden}
</style>

<div id="cookieNoticeOverlay">
  <div id="cookieNoticeBox" role="dialog" aria-modal="true">
<h2>Cookie на сайті</h2>

<p>Ми використовуємо cookie для коректної роботи сайту та покращення сервісу.</p>

  </div>
</div>
<script>
(function(){var storageKey='cookie_notice_ok_until';var showAgainAfter=24*60*60*1000;var now=Date.now();function getAcceptedUntil(){try{return Number(localStorage.getItem(storageKey))||0}catch(e){return 0}}
function setAcceptedUntil(value){try{localStorage.setItem(storageKey,String(value))}catch(e){}}
if(getAcceptedUntil()>now){return}
var overlay=document.getElementById('cookieNoticeOverlay');var okLink=document.getElementById('cookieNoticeOk');if(!overlay||!okLink){return}
function showNotice(){overlay.style.display='flex';document.body.classList.add('cookie-notice-locked')}
function closeNotice(){overlay.style.display='none';document.body.classList.remove('cookie-notice-locked')}
okLink.addEventListener('click',function(event){event.preventDefault();setAcceptedUntil(Date.now()+showAgainAfter);var rawHref=(okLink.getAttribute('href')||'').trim();if(rawHref==='#'||rawHref===''){closeNotice();return}
var targetUrl=new URL(rawHref,window.location.origin).href;window.open(targetUrl,'_blank','noopener,noreferrer');closeNotice()});overlay.addEventListener('click',function(event){event.stopPropagation()});document.addEventListener('keydown',function(event){if(overlay.style.display==='flex'&&event.key==='Escape'){event.preventDefault();event.stopPropagation()}},!0);showNotice()})()
</script></body>
</html>