皇帝ペンギンブログ – ページ 16

ページトップへ

「object-fit」では、何ができるのか？
置換要素とは？
公式定義。
「object-fit」に設定できる値は５つ。
それぞれの値を使うと、どうなるのか？
「none」を使うと？
「contain」を使うと？
「cover」を使うと？
「fill」を使うと？（初期値）
「scale-down」を使うと？
「img要素自体」の幅や高さが大事。なので親要素のサイズは関係ない。
「object-fit」が効かない時に考えることは？
「object-fit」を指定するのは、「img」要素などの置換要素
高さと幅の設定がない
IEを使っている
キャッシュの問題
置換要素は、インラインボックスでも、幅と高さが指定できる。
カクつかないので、「width属性」と「height属性」でサイズを指定することを推奨する。
まとめ。

皇帝ペンギンブログ

新着記事一覧

【CSS】「object-fit」について解説。【分かりやすい。】

CSSの基本編

2023/07/01(更新日:2024/07/11)

【CSS】「opacity」について解説！【要素の不透明度の設定】

CSSの基本編

2023/06/26(更新日:2024/07/11)

【CSS】「text-decoration」について解説。【詳しい】

CSSの基本編

2023/06/22(更新日:2024/07/11)

【CSS】「z-index」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/19(更新日:2024/07/11)

【CSS】「position: sticky」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/17(更新日:2024/07/11)

【CSS】「position: fixed」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/16(更新日:2024/07/11)

【CSS】「position: absolute」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/14(更新日:2024/07/11)

【CSS】「position: relative」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/13(更新日:2024/07/11)

【CSS】「position: static」について簡単に解説。【分かりやすい】

CSSの基本編

2023/06/13(更新日:2024/07/11)

大学生が夏休みにweb制作で13万円稼ぐまでにやったこと。【経験談】

2023/05/16(更新日:2024/05/14)

16 / 25« 先頭 «...10...14 151617 18...»最後 »

自分のロゴ！

皇帝ペンギン

全力で、書きます。
少しでもお役に立てたら幸いです。
楽しんで読んで下さい。-_- 。
よろしくお願いします！

x（旧twitter） youtube

Categories

トップへ
ITパスポート (1)
programming (168)
- CSSのアニメーション編 (26)
- CSSのグリッドレイアウト編 (1)
- CSSのセレクター編 (58)
- CSSのフレックスボックス編 (1)
- CSSのメディアクエリー編 (7)
- CSSの基本編 (34)
- HTMLのformタグ編 (1)
- HTMLの基本編 (3)
- JavaScriptの入門編 (30)
- JavaScriptの基本編 (5)
- Web制作をする環境を整えよう！ (1)
Uncategorized (23)
VScode (1)
おすすめ商品！ (1)
クラロワ (2)
マーケティング (17)
大学生活 (7)
心理学 (9)
映画 (1)
法学 (4)
経済学 (4)
読書 (7)

Pages

プライバシーポリシー
免責事項
プロフィール

Archive

© Copyright Syuta Chiba, 2019 All Rights Reserved.