【CSSの基本編】#35「background-position」プロパティの使い方。【要素の背景画像の位置の設定。】
#プログラミング
#programming
プログラミング学習のサブスクのサービス準備中～。
■ブログ記事！
【CSS】「background-position」について解説。【背景画像の位置の設定。】
https://chibasyuta.org/css-background-position/
■目次
0:00 opening
0:52 「background-position」は何ができるプロパティ？
1:23 実際に使てみる！【コードを書く。】
3:22 「background-position」に設定できる値は？
4:34 「background-position」に「キーワード」を使う。
5:45 「キーワード」は組み合わせて２つ使える。
6:55 前提知識について。
8:21 「background-position」に「単位つきの数値」を使う。
9:48 ２つ目の値を省略する。
10:06 「background-position」に「％」を使う。
10:58 「background-position」に「辺からのオフセット」を使う。
11:46 「background-position」の構文について。
12:15 値が１つの構文。
13:20 値が２つの構文。
16:03 値が３つの構文。
19:01 値が４つの構文。
19:59 「background-position」の使用例！
21:55 複数の背景画像の位置の設定。
22:37 公式定義について。
23:09 まとめ。
24:19 ending（雑談。）
■HTMLの知識とコーディングする環境が整ってる方は、この動画だけじゃなく、下記の再生リストから体系的にCSSの基本を学習しましょう！
■【CSSの基本編】↓
https://youtube.com/playlist?list=PLfGh160xNjkFkFRxI3S6CG9aRP9Th8ir-
※この動画を含む【CSSの基本編】という再生リストを見る前に、下記の２つの再生リストをご覧ください！そこでお伝えした知識を前提としているので！
■【HTMLの基本編】↓
https://youtube.com/playlist?list=PLfGh160xNjkHnOwyr29MVnpMYmeYuVrKa
■【web制作をする環境を整えよう】↓
https://youtube.com/playlist?list=PLfGh160xNjkFSycxTFpFNzb1HbcZC3Anz
■twitter
https://twitter.com/chibasyuta
■ブログ
https://chibasyuta.org/
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «【CSSの基本編】#35「background-position」プロパティの使い方。【要素の背景画像の位置の設定。】», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.