HTML・CSS - キーワードノート https://kw-note.com/tag/html-css/ 用語解説サイト Thu, 26 Feb 2026 20:01:39 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 AI「Gemini」で出力されるコードにはコメントアウト表示されないので注意 https://kw-note.com/commented-code-is-not-displayed-in-gemini/ https://kw-note.com/commented-code-is-not-displayed-in-gemini/#respond Thu, 26 Feb 2026 19:38:25 +0000 https://kw-note.com/?p=39284 Google謹製のAI「Gemini」にJavaScriptのコードを聞きながら作業していたところ、何度聞いても同じ箇所の修正指示があり、しまいには『「〇〇××」を「〇〇××」に修正してください』という、全く同じコードを […]

The post AI「Gemini」で出力されるコードにはコメントアウト表示されないので注意 appeared first on キーワードノート.

]]> https://kw-note.com/commented-code-is-not-displayed-in-gemini/feed/ 0 Tailwind CSSで指定できる背景色のカラーパレット（classとカラーコードまとめ） https://kw-note.com/tailwind-css-background-color-list/ https://kw-note.com/tailwind-css-background-color-list/#respond Wed, 25 Feb 2026 14:04:23 +0000 https://kw-note.com/?p=39289 Tailwind CSSで背景色を指定する際に下記のようにclassを付けるだけで様々なカラーを使えますが、どのようなカラーがあるのか現時点のバージョンすべて書き出しました。 <div class="bg-gray […]

The post Tailwind CSSで指定できる背景色のカラーパレット（classとカラーコードまとめ） appeared first on キーワードノート.

]]> https://kw-note.com/tailwind-css-background-color-list/feed/ 0 CSSで2行目以降をインデント(字下げ)する方法 https://kw-note.com/second-line-indent-css/ https://kw-note.com/second-line-indent-css/#respond Sun, 06 Oct 2024 18:10:48 +0000 https://kw-note.com/?p=37719 文の最初に米印などの記号を付けて米印などの記号を付けて注釈や注意事項などの文章を作る際、2行目以降の1文字目がその記号と被ってしまい、記号がまったく目立たず普通の文章のようになってしまいます。 記号だけを1文字分左に移動 […]

The post CSSで2行目以降をインデント(字下げ)する方法 appeared first on キーワードノート.

]]> https://kw-note.com/second-line-indent-css/feed/ 0 HTMLタグで省略表記の基になっている語句と意味を解説 https://kw-note.com/what-does-html-stand-for/ https://kw-note.com/what-does-html-stand-for/#respond Wed, 28 Jan 2015 15:18:30 +0000 /kw-note.com/?p=11803 a href 、img src 、p 、div等など、HTMLでは様々なタグを使いますが、これらは基本的に何かの語句を省略した表記になっている…のは何となく理解出来ますが、その基(元)となっている単語は一体何なんだろうと […]

The post HTMLタグで省略表記の基になっている語句と意味を解説 appeared first on キーワードノート.

]]> https://kw-note.com/what-does-html-stand-for/feed/ 0 CSSの「word-break: break-all;」と「word-wrap: break-word;」で改行したときの違い https://kw-note.com/word_break-vs-word_wrap/ https://kw-note.com/word_break-vs-word_wrap/#comments Thu, 28 Nov 2013 04:41:08 +0000 /kw-note.com/?p=9263 英字が指定した範囲で改行されないのを修正する方法として使われるCSSとして以下の2つが使われます。 word-break: break-all; word-wrap: break-word; 両方とも確かに改行してくれる […]

The post CSSの「word-break: break-all;」と「word-wrap: break-word;」で改行したときの違い appeared first on キーワードノート.

]]> https://kw-note.com/word_break-vs-word_wrap/feed/ 1 「○(マル)」「□(四角)」などの記号や特定の文字だけが小さく表示される原因と対処方法 https://kw-note.com/fonts-and-symbols/ https://kw-note.com/fonts-and-symbols/#respond Mon, 10 Jun 2013 05:32:35 +0000 /kw-note.com/?p=7297 ウェブサイトやブログで、他の文字と比べて「○」「●」「□」「■」などの記号だけが小さく表示されてしまう事があります。 他にもあるかもしれませんが、確認できた原因としては以下のような条件下で発生するようです。 Unicod […]

The post 「○(マル)」「□(四角)」などの記号や特定の文字だけが小さく表示される原因と対処方法 appeared first on キーワードノート.

]]> https://kw-note.com/fonts-and-symbols/feed/ 0 HTMLタグ「ol,li」のリスト番号を逆から ＆ 指定した数字を表示せる方法 https://kw-note.com/reverse-ordered-lists/ https://kw-note.com/reverse-ordered-lists/#respond Thu, 30 May 2013 06:55:23 +0000 /kw-note.com/?p=7157 HTLMの順序付きリスト「<ol><li>」は番号を順に表示してくれるタグですが、これを逆に数字の大きい順から表示されてくれる方法と、開始の数字を指定する方法。 そして、例えば5番目のリストの数字 […]

The post HTMLタグ「ol,li」のリスト番号を逆から ＆ 指定した数字を表示せる方法 appeared first on キーワードノート.

]]> https://kw-note.com/reverse-ordered-lists/feed/ 0 CSSで出来る！決められた文字数を超えた場合に「…」を表示させるコード https://kw-note.com/css-ellipsis/ https://kw-note.com/css-ellipsis/#comments Thu, 28 Mar 2013 23:00:05 +0000 /kw-note.com/?p=1945 jQueryなどJavaScriptを使わず、指定した文字数やピクセル幅を超えてしまいはみ出た部分を「…」と表示させる事がCSSコードのみで可能です。 例えばワードプレスのテーマを紹介しているこのサイトで使っています。 […]

The post CSSで出来る！決められた文字数を超えた場合に「…」を表示させるコード appeared first on キーワードノート.

]]> https://kw-note.com/css-ellipsis/feed/ 1 ThemeForestでのテーマ購入方法＆手順とレビュー https://kw-note.com/buying-from-themeforest/ https://kw-note.com/buying-from-themeforest/#comments Tue, 12 Feb 2013 01:48:20 +0000 /kw-note.com/?p=3990 とってもクールなワードプレスのテーマが揃っているThemeForestでテーマを購入したのでその手順をまとめました。 ThemeForestは世界中のクリエーターが登録し、そこで自分の作成したテーマ・テンプレートやスクリ […]

The post ThemeForestでのテーマ購入方法＆手順とレビュー appeared first on キーワードノート.

]]> https://kw-note.com/buying-from-themeforest/feed/ 1 「blink」を使わずPCからでも文字を点滅させるHTMLタグ「marquee」 https://kw-note.com/create-blinking-text-html-code/ https://kw-note.com/create-blinking-text-html-code/#comments Mon, 06 Aug 2012 12:00:17 +0000 /kw-note.com/?p=2135 HTMLで文字を点滅させるタグといえばblinkタグが有名ですが、これは今すでにサポートが終了しているブラウザ「Netscape(ネットスケープ)」が採用していた独自タグでした。 その後日本の大手携帯電話会社のいわゆるフ […]

The post 「blink」を使わずPCからでも文字を点滅させるHTMLタグ「marquee」 appeared first on キーワードノート.

]]> https://kw-note.com/create-blinking-text-html-code/feed/ 6