CSS приклад: tab-size

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
  10.60+ 4.0+  

Коротка інформація

Значення за замовчуванням 8
НаслідуєтьсяТак
ЗастосовуєтьсяДо блочних елементів
Відсотковий записНе застосовується
Посилання на специфікацію http://dev.w3.org/csswg/css3-text/#tab-size

Версії CSS

CSS 1CSS 2CSS 2.1CSS 3

Опис

Використовується для зміни ширини відступу, заданого за допомогою символу табуляції (клавіша Tab).

Синтаксис

tab-size: <число>

Значення

<число>
Число символів в табуляції. Значення повинно бути цілим додатнім числом.

Приклад

HTML5CSS2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>tab-size</title>
  <style>
   pre {
    -o-tab-size: 3; /* Opera */
    -moz-tab-size: 3; /* Firefox */
   }
  </style>
 </head>
 <body>
  <pre>final class Div implements HtmlWidgetInterface
{
	private $_content;
	public function __construct($content)
	{
		if (!is_string($content) || empty($content)) {
			throw new HtmlWidgetException('Element must be a non-empty string.');
		}
		$this->_content = $content;
	}
	public function getContent()
	{
		return $this->_content;
	}
	public function render()
	{
		return '&lt;div&gt;' . $this->_content . '&lt;/div&gt;';
	}
}</pre>
 </body>
</html>

Результат прикладу в браузері Opera показаний на рис. 1.

Браузери

Opera підтримує властивість -o-tab-size. Firefox підтримує властивість -moz-tab-size.

Часті запитання

  • Q: Як використовувати tab-size в CSS?

    A: Властивість tab-size використовується для встановлення ширини табуляції в тексті.

  • Q: Де використовують tab-size в CSS?

    A: tab-size може бути використаний у стилях для текстових елементів, таких як <p> або <span>.

  • Q: Як визначити розмір табуляції в CSS?

    A: Щоб визначити розмір табуляції, використовуйте значення для властивості tab-size, наприклад, tab-size: 4;.

  • Q: Чи є підтримка для tab-size в усіх браузерах?

    A: Властивість tab-size підтримується у більшості сучасних браузерах, але може бути проблеми з підтримкою в старіших версіях.

  • Q: Як використовувати tab-size для заміни табуляції на пробіли в CSS?

    A: Можна використати tab-size разом з white-space: pre; для заміни табуляції на пробіли у тексті.