html,css

html,css

css「margin」それはスペースを作るプロパティ(html,css)

プロパティmarginの説明です。
html,css

css「border-image」は「border」へ画像を入れるプロパティ(html,css)

css「border-image」の説明です。
html,css

css「border」囲み線のプロパティ(html,css)

こんにちは、tanakaです。今回は、cssプロパティ「border」の説明です。「border」は、囲み線のプロパティです。「border」には、様々な種類の線が用意されています。さらに画像を入れることもできます。それでは、詳しく説明して...
html,css

cssプロパティ「padding」それは内側の空白(html,css)

プロパティpaddingの説明です。
html,css

height=autoとheight=100%の違い(html,css入門)

height=autoは親要素で使い。height=100%は子要素で使う。
html,css

「width=auto」「width=100%」の違い(html,css)

こんにちはtanakaです。今回は、「width=auto」「width=100%」の話です。とっても分かりくいですよね。結論から言うと「width=auto」「width=100%」は、 1:「auto」は、自動で何かやってくれる。(di...
html,css

擬似要素とは?css側から文字、バックスクリーン、画像を入れる機能

こんにちはtanakaです。今回は、擬似要素「::before」「::after」の話です。擬似要素「::before」「::after」とは、css側から文字を入れる方法です。css側で擬似的にhtml要素を作ることから「擬似要素」と呼ば...
html,css

「background」が入力した数値より高い!? その時は「line-height」を疑う

デフォルトの行間を疑ってみてください。 もしそうなら line-height: 1; を入れて行間を0にしてください。
html,css

css「line-height」とは?実は「文字の高さ」(html,css)

こんにちはtanakaです。今回は、cssプロパティ「line-height」の話です。「line-height」は、よく行間のプロパティと言われます。ですが実際は、「文字の高さを決める」プロパティです。そして「line-height」は、...
html,css

セレクタ「*(アスタリスク)」は何に使う?cssの初期設定で使う

セレクタ(アスタリスク)へ統一できるプロパティをなるべく入れてcssの行数を減らそう。
html,css

cssで画像をトリミングするには「background-position」を使う(html,css)

こんにちはtanakaです。「cssで画像をトリミングできるのかな?」そう思ったことはありませんか?画像を「background-image」をにして「background-position」で置けばトリミングできます。それでは詳しく説明し...
html,css

background-position「大きい画像」置く方法(html,css)

こんにちはtanakaです。「background-position難しいな」そう思ったことはありませんか?今回は、そんな難しい「background-position」の「大きい画像を置く方法」をご紹介します。ちなみに「小さい画像」は、別...
html,css

background-position「小さい画像」置く方法(html,css)

こんにちはtanakaです。「background-position難しいな」そう思ったことはありませんか?今回は、そんな難しい「background-position」の「小さい画像を置く方法」をご紹介します。ちなみに「大きい画像」は、別...
html,css

cssでborderではない独立した仕切り線は、擬似要素::before ::afterを使う

擬似要素 ::before ::after  でバックスクリーンだけ使いたい時は content: ""; が必ず必要。
html,css

transform:translateは移動じゃない!? 本体と表示部分の説明(html,css)

こんにちはtanakaです。今回は「transform:translate」の小話です。小話なので気軽に読んでください。「知ってました?」「transform:translateは、本体が移動していないんですよ」実は「transform:t...