diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2020-12-10 08:37:18 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-10 08:37:18 -0500 |
| commit | 65cc6eabd71b1bceccf6fd3d3d4970c2955f3784 (patch) | |
| tree | 3d54e994e6b6ff762841fe4c3eb60e87130589a5 /files/ja/learn/forms | |
| parent | a065e04d529da1d847b5062a12c46d916408bf32 (diff) | |
| download | translated-content-65cc6eabd71b1bceccf6fd3d3d4970c2955f3784.tar.gz translated-content-65cc6eabd71b1bceccf6fd3d3d4970c2955f3784.tar.bz2 translated-content-65cc6eabd71b1bceccf6fd3d3d4970c2955f3784.zip | |
dump 2020-12-10
Diffstat (limited to 'files/ja/learn/forms')
| -rw-r--r-- | files/ja/learn/forms/styling_html_forms/index.html | 7 |
1 files changed, 4 insertions, 3 deletions
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 { <p>上記のコードを HTML の body に追加します。</p> -<h3 id="Organizing_your_assets" name="Organizing_your_assets">Organizing your assets</h3> +<h3 id="Organizing_your_assets" name="Organizing_your_assets">アセットを揃える</h3> <p>ここからがおもしろいところです! コードを書き始める前に、ここでは 3 つの追加要素が必要です:</p> @@ -308,7 +308,7 @@ form { <p>テキストフィールドのスタイル設定が完了して、次は単一行および複数行のテキストフィールドの表示が同じになるよう調整しなければなりません。これは、一般的にこれらのデフォルト表示が同じでないためです。</p> -<h4 id="Tweaking_the_textareas" name="Tweaking_the_textareas">Tweaking the textareas</h4> +<h4 id="Tweaking_the_textareas" name="Tweaking_the_textareas">textareaの微調整</h4> <p>{{HTMLElement("textarea")}} 要素はデフォルトでブロック要素としてレンダリングされるようにします。ここで重要なことは、{{cssxref("resize")}} プロパティと {{cssxref("overflow")}} プロパティの 2 つです。ここでは固定サイズでデザインしているため、ユーザーが複数行のテキストフィールドをリサイズできないように <code>resize</code> プロパティを使用します。{{cssxref("overflow")}} プロパティは、ブラウザー間でのフィールドの一貫性を向上させるために使用します。これのデフォルト値が <code>auto</code> であるブラウザーと <code>scroll</code> であるブラウザーが存在します。この例では、すべてのブラウザーが <code>auto</code> になるようにするのがよいでしょう。</p> @@ -348,7 +348,8 @@ button:hover, button:focus { outline : none; background : #000; - co</pre> + color : #FFF; +}</pre> <h3 id="The_final_result" name="The_final_result">最終結果</h3> |