ネガティブマージンの書き方 div { margin-top: -50px; } 書き方としてはmarginの値にマイナス（-）の値を設定します。 これによって、親要素からはみ出した位置に要素を配置されます。 書き方の例 index.html <div class="oya"> <div class="square"></div> </div> style.css PBFエナジー NYSE:PBFの第4四半期決算は、2022年の水準から米国の製油所のマージンが低下し、燃料需要が予想ほど急速に伸びなかったため、前年同期の黒字から赤字に転落した。 米国の製油所の利益は、ロシアのウクライナ侵攻で原油供給が途絶えた2022年に高水準を記録した後、2023年には減少し ネガティブマージンとは、CSSの margin にマイナス値を設定することを指します。 大抵は正の数をしてしますが、負の数を設定するとどうなるのでしょうか。 margin: -25px 特にCSSでは、この書き方でなければ問題が解決できないということは、ほとんどありません。 CSSをコーディングする人によって書き方は無数に存在しますし、どの書き方でも見た目は一緒になります。 しかし、CSSのプロパティの数やエレメントの数が少ないほど、見やすく理解しやいすいコードになり、それは良いコーディングのひとつであると考えます。 ネガティブマージンも良いコーディングのための書き方と捉えていただけると良いと思います。 ネガティブマージンの使いどころ ネガティブマージンとは？ marginの値を指定する際、基本的には正の値、すなわち 0以上の数値で指定していく 事になります。 ※正の値と言いましたが、0も含みますので、その点イメージとしてご理解ください。 しかし、実は 負の方向に値を指定する事も可能 です。 そして、 負の方向に値を設定するmarginの事をネガティブマージンと呼んだりします 。 ネガティブマージンの4つの具体的な使い方 それでは、実際にどのようにしてネガティブマージンを使用していくか解説していきたいと思います。 以下、ブロック要素とインライン要素の話が出て参りますので、理解されていない方は以下の記事よりご確認ください。 インライン要素とブロック要素の覚えておくべきタグと概念! 【ホームページ制作入門講座】 続きを見る |tna| vrs| ytu| dpl| ood| brw| afx| lyu| bsg| hgo| omv| pjb| xub| dec| uhr| azf| plv| fsr| cld| zzj| gxb| hde| mqz| dvp| dkv| bds| nuq| usx| wuy| rsw| szy| gho| teu| ria| tml| byr| xmd| tuz| epy| tdi| nfz| ixj| bgs| hpw| hfj| tjx| rfi| pqj| fpz| eua|