上図のように、パディング値は時計回り(右上、右下)の複合属性であり、パディングの内側の余白がボックス サイズの実際の幅と高さに影響します。 <!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 暗号化の実装
コア資産管理プロジェクトでは、el-transfer にドラッグ アンド ドロップによる並べ替えと、...
0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...
1. はじめにイメージマップを使用すると、画像の領域をホットスポットとして指定できます。この領域にマ...
1. バックアップスクリプトを書く 著者:www.yumi-info.com 日付:20171222...
1. 記事タイトルリストの右側に日付を表示する方法:コードをコピーコードは次のとおりです。 &l...
ウェブサイトを作成する学生は、アクセス時に一部の nginx サーバーが 504 Gateway T...
Ubuntu のバージョンに関係なく、MySQL データベースのインストールは基本的に同じです。具...
アーティストになるつもりがない場合は、開発者として HTML を読んで、必要に応じて簡単な変更を加え...
環境設定1: MySQLをインストールし、MySQLのbinディレクトリを環境変数に追加する環境設定...
1. 50と93では鏡像が消える [root@h50 /]# df -h ファイルシステムの使用済み...
HTML と CSS で、ボタンの色を設定したいとします。 目的の効果は得られますが、プロセスはかな...
目次1. 暗黙的な変換二重等号での変換ブール型変換「+」と「-」 2. 強制型変換' ...
この記事では、例を使用して、MySQL ストアド プロシージャで複数の値を返す方法について説明します...
memcachedをインストールする yum インストール -y memcached #memcac...
Explain コマンドは、データベースのパフォーマンス問題を解決するために最初に推奨されるコマンド...