HTMLでボタンのサイズを設定する方法

HTML では、ボタン タグの style 属性を使用して、「高さ: 高さの値; 幅: 幅の値;」スタイルをボタン要素に追加して、ボタンのサイズを設定できます。構文は次のとおりです。 ""。

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

htmlボタンのサイズを設定します

<button>Click Me!</button><br /><br />
<button style="height:100px;width:100px;">Click Me!</button>

レンダリング:

説明:

width 属性は要素の幅を設定し、height 属性は要素の高さを設定します。

width 属性と height 属性は、パディング、境界線、またはマージンを除く要素のコンテンツ領域の幅と高さを定義します。パディング、境界線、およびマージンはコンテンツ領域の外側に追加できます。

属性値:

## ＃デフォルト。ブラウザは実際の高さを計算します。 px、cm、その他の単位を使用して高さを定義します。 それを含むブロックレベルのオブジェクトの高さのパーセンテージに基づきます。 inherit高さ属性の値を親要素から継承することを指定します。

値	説明
auto
length
%

推奨チュートリアル:

html ビデオ チュートリアル、css ビデオ チュートリアル

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