プログラミングに関する記事一覧
【Manablog Copy】AddQuickTagを使って文字装飾
こんにちは、リリイです。 2021年5月Manablog Copyのアップデートが行われ、Manablog Copyの販売が再開されました。 WordPressテーマ 【Manablog Copy】の詳細はこちら【発表】WordPressテ…
display: inline-blockの特徴と使い方
インラインブロック要素の特徴 要素の幅は中身と同じ大きさになる 要素同士が横に並ぶ 幅（width）と高さ（height）が指定できる 余白（padding・margin）が指定できる 親要素に「text-align」が使える 親要素に「v…
画像の高さを固定し横幅だけ伸縮する方法
object-fit: cover; 高さ固定、横幅だけ伸縮 画像の高さを固定して、伸縮させると、画像が縦に潰れてしまいます。 「object-fit」プロパティを使って、潰れることなくきれいに表示させましょう。 img { width: …
【CSS】文字に下線を引く
怠け者ブロガー「セクションタイトルの文字の下に、文字幅だけに線を引きたい。文字幅を超えて、長い線になってしまう。どうしたらいい？」 html <h2 class="section__title">Menu</h2> …
Flexbox使い方のまとめ
Flexboxの基本的な書き方 htmlコードを書くときに使いたい【flexbox】の書き方の覚書です。 flex-direction 子要素を並べる flex-wrap 子要素を折り返し flex-flow flex-directi…