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 属性は、パディング、境界線、またはマージンを除く要素のコンテンツ領域の幅と高さを定義します。パディング、境界線、およびマージンはコンテンツ領域の外側に追加できます。
属性値:
| 値 | 説明 |
|---|---|
| auto | ## ＃デフォルト。ブラウザは実際の高さを計算します。|
| length | px、cm、その他の単位を使用して高さを定義します。|
| % | それを含むブロックレベルのオブジェクトの高さのパーセンテージに基づきます。|
| 高さ属性の値を親要素から継承することを指定します。 |
html ビデオ チュートリアル、css ビデオ チュートリアル
以上がHTMLでボタンのサイズを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
