html - textarea内のスタイルテキスト

Question

私はそのデザインがまさにこのような形で働いています：

現在、私はこの段階にあるので、いくつかの詳細に取り組んでいます。

あなたが見ることができるように、「あなたのテキスト...」はテキストエリアの左上隅に貼り付けられています。可能であれば、CSSを介してこれを操作する方法を見つけようとしています。textarea内のテキストにマージン/パディングを適用する必要があります。CSSでこれが不可能な場合は、提案を受け付けています。

CSSを介してtextarea内のテキストを操作する方法???

Answer 1

CSSpaddingプロパティを使用できます。

textarea {
    padding: 5px;
}

Answer 2

textarea {
padding: 5px;
box-sizing: border-box;
}

注：ボックスサイズはCSS3プロパティです。幅がないと100％などが期待どおりに機能しないため、非常に便利です。

Answer 3

CSSを使用して目的の効果を作成できます

textarea {
  padding: 20px;
  margin: 10px;
}

<textarea></textarea>

Answer 4

はい、textareaに適用されたCSSからのパディングは正しいです。ただし、テキストエリア全体のサイズが変わると、「行」と「列」を変更する必要があります。

ありがとうございました！

ダニ

Answer 5

以下のコードを使用できます。

line-height: _px;

textareaの高さと同じ値を入力します。