ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLテキストエリアのサイズを設定する方法

HTMLテキストエリアのサイズを設定する方法

青灯夜游
リリース: 2021-12-13 16:09:37
オリジナル
13872 人が閲覧しました

設定方法: 1. textarea にcols 属性と rows 属性を設定します。構文は ""; 2. exarea :width value;height:height value;" スタイルに "width" を追加します。

HTMLテキストエリアのサイズを設定する方法

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

html textarea set size

テキスト領域には無制限の量のテキストを含めることができ、テキストのデフォルトのフォントは固定幅フォント (通常は Courier) です。

<textarea>我是一个文本框。</textarea>
ログイン後にコピー

HTMLテキストエリアのサイズを設定する方法

cols 属性と rows 属性を使用してテキストエリアのサイズを指定できますが、より良い方法は、CSS の高さ属性と幅属性を使用することです。

1.cols 属性と rows 属性を使用する

  • cols: テキスト領域内の表示幅を指定します。

  • rows: テキスト領域に表示される行数、つまり高さを指定します。

<textarea rows="10" cols="30">我是一个文本框。</textarea>
ログイン後にコピー

HTMLテキストエリアのサイズを設定する方法

2. CSS の高さと幅の属性を使用します

<textarea   style="max-width:90%">我是一个文本框。</textarea>
ログイン後にコピー

HTMLテキストエリアのサイズを設定する方法

推奨チュートリアル: 「html ビデオ チュートリアル

以上がHTMLテキストエリアのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート