Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Параметры тега textarea cols и rows в CSS

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Alexander70

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Насколько я понимаю, прямого выражения ширины и высоты числом строк и символов в CSS нету.
А как выразить width и height через значения текстовых атрибутов?
Например, от дефолтного шрифта и высоты строк браузера или того шрифта который рассчитан для элемента.
 
Спасибо

Всего записей: 36 | Зарегистр. 02-01-2017 | Отправлено: 14:56 25-01-2017
bordellinoff

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
через EM|EX|REM:
 
textarea { height: 10em; width: 50em; }
 
textarea { height: 10ex; width: 50ex; }
 
textarea { height: 10rem; width: 50rem; }

Всего записей: 50 | Зарегистр. 13-10-2013 | Отправлено: 12:50 17-02-2017
Alexander70

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Спасибо. Не мог найти привязку к ширине https://webref.ru:443/css/value/size
 
Добавлено:
Есть привязка к ширине 0. Не вижу возможности привязаться к высоте/шагу строк. Её нет вообще или я не туда смотрю?

Всего записей: 36 | Зарегистр. 02-01-2017 | Отправлено: 14:01 17-02-2017
bordellinoff

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
этого, к сожалению, не существует. но можно, конечно, при помощи JavaScript реализовать:
 
<textarea id="t"></textarea>
<script>
document.getElementById( 't' ).addEventListener( 'keyup', function(e) {
    var textArea = e.currentTarget;
        textArea.removeAttribute( 'style' );
        
    var visibleHeight = textArea.clientHeight;
    var hiddenHeight = textArea.scrollHeight;
    var diffHeight = hiddenHeight - visibleHeight;
    
    if ( 0 != diffHeight ) {
        // здесь задаём нужную высоту, не забываем про margin, padding и border!
    }
});
</script>

Всего записей: 50 | Зарегистр. 13-10-2013 | Отправлено: 12:57 18-02-2017 | Исправлено: bordellinoff, 12:59 18-02-2017
Alexander70

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Ну это уже перебор ))
Как же надо ненавидеть нативный HTML, есть же для textarea свойства cols и rows
Впрочем, между делом, обнаружился системный бардак - элементы формы не наследуют текстовые свойства от своих предков.

Всего записей: 36 | Зарегистр. 02-01-2017 | Отправлено: 15:42 18-02-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Параметры тега textarea cols и rows в CSS


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru