Свойство CSS ширины вкладки
Поддерживает ли браузер WebKit и Microsoft какой-либо метод указания ширины табуляции, например Firefox и Opera, используя свойства -moz-tab-size
и -o-tab-size
?
Например, я хочу, чтобы вкладки в моей <textarea>
имели ширину в 4 пробела:
textarea {
-moz-tab-size: 4;
-o-tab-size: 4;
/* How would I do this in Chrome, Safari, and IE? */
}
[Обновление:]
Я создал tab-size
polyfill (Демо):
<script> // tab-size polyfill
var codeElements = document.getElementsByTagName('code'), // Applies to all code elements. Adjust to your needs.
codeElementCount = codeElements.length,
e = d.createElement('i');
if(e.style.tabSize !== '' && e.style.mozTabSize !== '' && e.style.oTabSize !== '') {
for(var i = 0; i < codeElementCount; i++) {
codeElements[i].innerHTML = codeElements[i].innerHTML.replace(/\t/g,'<span class="tab">	</span>');
}
}
</script>
<style>
.tab {
width: 2.5em; /* adjust to your needs */
display: inline-block;
overflow: hidden;
}
</style>
Примечание.. Это не работает в <textarea>
s, а только на элементе, который может содержать другие элементы. Если браузер поддерживает tab-size
, он будет использовать это вместо этого.
Ответы
Ответ 1
tab-size
в настоящее время реализуется только Firefox и Opera с использованием ваших префиксов поставщиков.
Для WebKit, есть отчет об ошибке, требующий, чтобы свойство было реализовано. Я считаю, что на этом уже началась работа, о чем можно судить по комментариям к этому отчету.
Для IE, я не могу ничего найти о реализации -ms-tab-size
или tab-size
в IE9 или IE10. Я полагаю, что команда IE не была более мудрой.
Ответ 2
Похоже на аналогичный вопрос по этому вопросу, но на самом деле он не совсем правильно ответил на это. Однако, как бы то ни было, ссылка , по-видимому, табуляции существуют в CSS, хотя я не могу себе представить поддержку браузера на этом отлично.
Поиск в google, потому что он почти ничего не сообщает о предмете , что еще больше заставляет меня думать, что это не" t очень хорошо реализован или используется. Надеюсь, что это поможет.
ИЗМЕНИТЬ
В ссылке W3C упоминаются табуляторы, но это был только рабочий проект - предложение и не был реализован.
Ответ 3
Размер символа табуляции: свойство 'tab-size
размер вкладок в настоящее время реализуется только Firefox и Opera с использованием префиксов вашего поставщика.
-webkit- for Webkit browsers (chrome, Safari)
-moz-tab-size for FireFox
-o-tab-size for Opera
-ms-tab-size for Internet Explorer.
-ms-filter: for Internet Explorer for IE 8
filter: for Internet Explorer for IE 6+.
Для WebKit существует отчет об ошибке, в котором требуется, чтобы свойство было реализовано. Я считаю, что на этом уже началась работа, о чем можно судить по комментариям к этому отчету.
Для IE, я не могу ничего найти о реализации -ms-tab-size или tab-size в IE9 или IE10. Я полагаю, что команда IE не была более мудрой.