目的
- CSS で文字幅のみ着色したい。
- 全幅が着色されてしまうのをさけたい。
- 見出しタグ（H2）の文字幅のみを着色したい。
- fit-content を使用する。
をテストしてみました。
(さらに…)カテゴリー: HTML・CSS
HTML と CSS についてのカテゴリーになっています。 HTML でホームページの文章を書いて、 CSS （スタイルシート）でウェブサイトのデザインを調整できます。 CSS 関係の投稿が多くなると思います。
-
CSS の width , height プロパティに 100px を指定して、外寸 100px 丁度で表示したい場合は、 box-sizing プロパティの border-box 値を試してみる。
目的
- HTML の要素を縦横 100px ちょうどで表示したい。
- border , padding を含めて縦横 100px にしたい。
- width , height に 100px を指定する。
- CSS で box-sizing: border-box を指定する。
-
「未訪問」のリンクと「訪問済み」リンクの初期色。 Mozilla Firefox の場合。
目的
- <a> リンクの初期設定の色を知りたい。
- 「未訪問」「訪問済み」の色を知りたい。
- ウェブブラウザ「Mozilla Firefox」で調べたい。
- ページから採取した色をクリップボードにコピーしたい。
テストしてみました。
訪問前のリンクの色と訪問済みのリンクの色。 -
CSS メディアクエリーで min-width または max-width を px で指定した場合、画面幅が何 px 以上、何 px 以下になると表示が切り替わるのかを調べてみました。
以上以下
CSS のメディアクエリーで「min-width」または「max-width」をピクセル px 単位で指定した場合、画面幅が何ピクセル px 以上、または、何ピクセル px 以下になると実際の表示が切り替わるのかを調べてみました。
(さらに…) -
CSS の width , max-width プロパティのテストとして 1 ～ 2048px の画像を表示してみるテスト。
最大幅
1 ～ 2048px の画像を表示している。 CSS の width と max-width プロパティのテストとして、 1 ～ 2048px の画像を表示するテストを行ってみました。
(さらに…) -
CSS で <Button> タグ内の文字を折り返す。
<button>
HTML のボタンの文字を折り返したい。 当ブログの <button> タグ内の文字がスマホ画面からはみ出してしまうので CSS の文字を折り返す事の出来るプロパティを色々と試してみました。
(さらに…) -
css の all プロパティと initial の組み合わせで、 css 指定をブラウザの初期値にリセットするテストです。
リセット
今回の投稿では、 CSS の all プロパティと initial キーワードの組み合わせて、スタイルシートで行ったスタイルの指定を、スタイルシートでブラウザの初期値にリセットしてみたいと思います。
(さらに…)
