HTML/CSS– category –
-
HTMLで文字化けした時の対処法
日本語で作成したページがブラウザで確認するとよく分からない文字に変わっているなどの経験ないでしょうか？HTMLを始めたばかりの方が遭遇してしまうと、パソコンがおかしくなったのでは？と思ってしまうかもしれませんが、お使いのパソコンは正常です。... -
【HTML】inputタグに必須項目であることを設定する
本記事では、HTMLだけでこの項目は入力必須項目・選択必須項目であることをユーザーに伝える方法について解説しています。 昔はJavaScriptやPHPなどで制御していましたが、今はHTMLで同じような設定をすることが出来るので、必須項目を作成したい方はぜひ... -
【CSS】背景色を透明・半透明にする方法(rgba)
本記事では、CSSで背景色を透明・半透明にする方法について解説しています。 背景色を半透明にする 背景色を半透明にする方法が分からない方は、おそらく背景色を「red」「#f00」「rgb(255,0,0)」のいずれかで設定していると思います。 background: red; b... -
【CSS】1行目にだけスタイルを適用させる方法(:first-line)
本記事では、CSSで1行目にだけスタイルを適用させる方法について解説しています。 :first-lineの使い方 1行目にだけスタイルを適用させたい場合は、CSSの擬似要素である:first-lineを使用します。 セレクタ:first-line { /* スタイルの記述 */ } 画面幅が... -
【CSS】隣接している要素にスタイルを適用させる方法
本記事では、CSSで隣接している要素に対してのみスタイルを適用させる方法について解説しています。 隣接している要素にスタイルを適用 隣接している要素にスタイルを適用させる方法は以下のとおりです。 セレクタ1 + セレクタ2 { /* スタイルを記述 */ } ... -
【CSS】id・class指定でスタイルを適用させる方法
本記事では、CSSでHTMLに設定されているid・classの情報を元にスタイルを適用させる方法について解説しています。 id指定でスタイルを適用 id指定でスタイルを適用させる方法は以下のとおりです。 #id名 { /* スタイルを記述 */ } cssでHTMLのidを表すには... -
【CSS】文字と文字の間隔を広く・狭くする方法(letter-spacing)
本記事では、CSSで文字と文字の間隔を広く・狭くする方法について解説しています。 文字と文字の間隔を調整する 文字と文字の間隔を調整するには、letter-spacingプロパティを使用します。 #sample{ letter-spacing: 値; } letter-spacingプロパティに設定... -
【CSS】行間を広く・狭くする方法(line-height)
本記事では、HTMLで表示したテキストの行間をCSSで調整する方法について解説しています。 行間を広く・狭くする 行間を広く・狭く調整するには、line-heightプロパティを使用します。 .sample { line-height: 値; } line-heightプロパティに指定できる値は... -
【HTML】URLの入力欄を作る方法
本記事では、HTMLでURLの入力欄を作成する方法について解説しています。 <input type="url">の使い方 フォームにサイトURLの入力欄を設けたい場合は、<input>のtype属性に「url」を設定します。 <input type="url"> type属性... -
【HTML】チェックボックスを選択された状態にする方法
本記事では、HTMLで表示させたチェックボックスを選択された状態にする方法について解説しています。 チェックボックスを選択状態にする ページを読み込んだ際、チェックボックスのデフォルト設定では未選択の状態からスタートします。これを意図的に選択...
