html,css css「border」囲み線のプロパティ(html,css) こんにちは、tanakaです。 今回は、cssプロパティ「border」の説明です。 「border」は、囲み線のプロパティです。 「border」には、様々な種類の線が用意されています。 さらに 画像を入れることもできます。 それでは、詳... html,css
html,css 「width=auto」「width=100%」の違い(html,css) こんにちは tanaka です。 今回は、「width=auto」「width=100%」の話です。 とっても分かりくいですよね。 結論から言うと「width=auto」「width=100%」は、 1:「auto」は、自動で何かやってく... html,css
html,css 擬似要素とは?css側から文字、バックスクリーン、画像を入れる機能 こんにちは tanaka です。 今回は、擬似要素「::before」「::after」の話です。 擬似要素「::before」「::after」とは、css側から文字を入れる方法です。 css側で擬似的にhtml要素を作ることから「擬似要... html,css
html,css 「background」が入力した数値より高い!? その時は「line-height」を疑う デフォルトの行間を疑ってみてください。 もしそうなら line-height: 1; を入れて行間を0にしてください。 html,css
html,css css「line-height」とは?実は「文字の高さ」(html,css) こんにちは tanaka です。 今回は、cssプロパティ「line-height」の話です。 「line-height」は、よく行間のプロパティと言われます。 ですが 実際は、「文字の高さを決める」プロパティです。 そして 「line-h... html,css
html,css cssで画像をトリミングするには「background-position」を使う(html,css) こんにちは tanaka です。 「cssで画像をトリミングできるのかな?」 そう思ったことはありませんか? 画像を「background-image」をにして 「background-position」で置けばトリミングできます。 それで... html,css
html,css background-position「大きい画像」置く方法(html,css) こんにちは tanaka です。 「background-position難しいな」 そう思ったことはありませんか? 今回は、そんな難しい「background-position」の「大きい画像を置く方法」をご紹介します。 ちなみに「小さい... html,css
html,css background-position「小さい画像」置く方法(html,css) こんにちは tanaka です。 「background-position難しいな」 そう思ったことはありませんか? 今回は、そんな難しい「background-position」の「小さい画像を置く方法」をご紹介します。 ちなみに「大きい... html,css
html,css cssでborderではない独立した仕切り線は、擬似要素::before ::afterを使う 擬似要素 ::before ::after でバックスクリーンだけ使いたい時は content: ""; が必ず必要。 html,css
html,css transform:translateは移動じゃない!? 本体と表示部分の説明(html,css) こんにちは tanaka です。 今回は「transform:translate」の小話です。 小話なので気軽に読んでください。 「知ってました?」 「transform:translateは、本体が移動していないんですよ」 実は「tran... html,css