HTMLとCSSとJavaScriptの初学者です。
aタグで記述したボタンを作りました。
テキスト部分以外を押しても反応するシンプルなボタンなのですがline-heightとheightを同じpx数にすることでこのボタンを実現しています。
しかし、どうせ同じpx数を入れるなら、メンテナンス性を向上させるために「line-height: heightのpx数と同じ値だよ」と書けたらいいのになと思いました。
そういった書き方はあるのでしょうか?
以下が、私が記述したコードです。
HTML
1<a href="#" class="moving_pagetop_button">TOPへ戻る</a>
CSS
1.moving_pagetop_button { 2 display: block; 3 text-decoration: none; 4 background-color: #ccc; 5 width: 100px; 6 height: 100px; 7 line-height: 100px; /*line-heightを要素のheightと同じにすることで実現*/ 8 text-align: center; 9}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/05/20 02:57