CSS ボックスモデル内のパディングと略語の詳細な説明
|
上図のように、パディング値は時計回り（右上、右下）の複合属性であり、パディングの内側の余白がボックス サイズの実際の幅と高さに影響します。
<!DOCTYPE html>
<html>
<ヘッド>
<メタ文字セット="utf-8">
<タイトル></タイトル>
<スタイル タイプ="text/css">
.wrap{幅: 200px;高さ: 200px;
background-color:red;/* パディング: 10px; *//* パディング: 10px 20px; *//* パディング: 10px 20px 30px; */パディング: 10px 20px 30px 40px;}
</スタイル>
</head>
<本文>
<div class="wrap"></div>
</本文>
</html>上記のコードに示されているように、ボックスの実際の幅と高さが変更されないようにするにはどうすればよいでしょうか。追加されたパディング値を減算する必要があります。 CSS ボックスモデルのパディングと省略形の詳細説明はこれで終わりです。CSS ボックスモデルに関するより詳しい内容については、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
>>: docker リモート API のワンクリック TLS 暗号化の実装
推薦する
vue 要素 el-transfer にドラッグ機能を追加
コア資産管理プロジェクトでは、el-transfer にドラッグ アンド ドロップによる並べ替えと、...
nginx+WordPressで個人ブログを構築するプロセス全体の詳細な説明
0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...
CSSでイメージマッピングを実装する方法
1. はじめにイメージマップを使用すると、画像の領域をホットスポットとして指定できます。この領域にマ...
Windows での MySQL の使用: 自動スケジュールバックアップの実装
1. バックアップスクリプトを書く 著者：www.yumi-info.com 日付:20171222...
フロントエンド開発における一般的なテクニックのまとめ
1. 記事タイトルリストの右側に日付を表示する方法:コードをコピーコードは次のとおりです。 &l...
nginx「504 ゲートウェイタイムアウト」エラーを解決する
ウェブサイトを作成する学生は、アクセス時に一部の nginx サーバーが 504 Gateway T...
Ubuntu での mysql のインストールと使用 (一般版)
Ubuntu のバージョンに関係なく、MySQL データベースのインストールは基本的に同じです。具...
HTMLを教える記事
アーティストになるつもりがない場合は、開発者として HTML を読んで、必要に応じて簡単な変更を加え...
cmd と python での MySQL の一般的な操作についての簡単な説明
環境設定1: MySQLをインストールし、MySQLのbinディレクトリを環境変数に追加する環境設定...
Dockerイメージが消える問題を解決する
1. 50と93では鏡像が消える [root@h50 /]# df -h ファイルシステムの使用済み...
jQueryはシンプルなボタンの色の変更を実装します
HTML と CSS で、ボタンの色を設定したいとします。 目的の効果は得られますが、プロセスはかな...
JavaScript における型の必須および暗黙的な変換の詳細な説明
目次1. 暗黙的な変換二重等号での変換ブール型変換「+」と「-」 2. 強制型変換' ...
複数の値を返す MySQL ストアド プロシージャ メソッドの例
この記事では、例を使用して、MySQL ストアド プロシージャで複数の値を返す方法について説明します...
NginxとLuaによるグレースケールリリースの実装
memcachedをインストールする yum インストール -y memcached #memcac...
SQL効率を分析する方法を説明する
Explain コマンドは、データベースのパフォーマンス問題を解決するために最初に推奨されるコマンド...