From 65cc6eabd71b1bceccf6fd3d3d4970c2955f3784 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Thu, 10 Dec 2020 08:37:18 -0500 Subject: dump 2020-12-10 --- files/ja/learn/forms/styling_html_forms/index.html | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'files/ja/learn/forms') diff --git a/files/ja/learn/forms/styling_html_forms/index.html b/files/ja/learn/forms/styling_html_forms/index.html index 4634665cef..71d463f0c7 100644 --- a/files/ja/learn/forms/styling_html_forms/index.html +++ b/files/ja/learn/forms/styling_html_forms/index.html @@ -199,7 +199,7 @@ legend {

上記のコードを HTML の body に追加します。

-

Organizing your assets

+

アセットを揃える

ここからがおもしろいところです! コードを書き始める前に、ここでは 3 つの追加要素が必要です:

@@ -308,7 +308,7 @@ form {

テキストフィールドのスタイル設定が完了して、次は単一行および複数行のテキストフィールドの表示が同じになるよう調整しなければなりません。これは、一般的にこれらのデフォルト表示が同じでないためです。

-

Tweaking the textareas

+

textareaの微調整

{{HTMLElement("textarea")}} 要素はデフォルトでブロック要素としてレンダリングされるようにします。ここで重要なことは、{{cssxref("resize")}} プロパティと {{cssxref("overflow")}} プロパティの 2 つです。ここでは固定サイズでデザインしているため、ユーザーが複数行のテキストフィールドをリサイズできないように resize プロパティを使用します。{{cssxref("overflow")}} プロパティは、ブラウザー間でのフィールドの一貫性を向上させるために使用します。これのデフォルト値が auto であるブラウザーと scroll であるブラウザーが存在します。この例では、すべてのブラウザーが auto になるようにするのがよいでしょう。

@@ -348,7 +348,8 @@ button:hover, button:focus { outline : none; background : #000; - co + color : #FFF; +}

最終結果

-- cgit v1.2.3-54-g00ecf