本記事では、JavaScriptで文字列の長さ(文字数)を取得する方法について解説しています。 文字列の長さ(文字数)を取得 文字列の長さを取得するには、lengthプロパティを使用します。使い方は以下のとおりです。 const str = "文字列"; str.length...

本記事では、CSSで1行目にだけスタイルを適用させる方法について解説しています。 :first-lineの使い方 1行目にだけスタイルを適用させたい場合は、CSSの擬似要素である:first-lineを使用します。 セレクタ:first-line { /* スタイルの記述 */ } 画面幅が...

本記事では、CSSで隣接している要素に対してのみスタイルを適用させる方法について解説しています。 隣接している要素にスタイルを適用 隣接している要素にスタイルを適用させる方法は以下のとおりです。 セレクタ1 + セレクタ2 { /* スタイルを記述 */ } ...

本記事では、CSSでHTMLに設定されているid・classの情報を元にスタイルを適用させる方法について解説しています。 id指定でスタイルを適用 id指定でスタイルを適用させる方法は以下のとおりです。 #id名 { /* スタイルを記述 */ } cssでHTMLのidを表すには...

本記事では、CSSで文字と文字の間隔を広く・狭くする方法について解説しています。 文字と文字の間隔を調整する 文字と文字の間隔を調整するには、letter-spacingプロパティを使用します。 #sample{ letter-spacing: 値; } letter-spacingプロパティに設定...

本記事では、HTMLで表示したテキストの行間をCSSで調整する方法について解説しています。 行間を広く・狭くする 行間を広く・狭く調整するには、line-heightプロパティを使用します。 .sample { line-height: 値; } line-heightプロパティに指定できる値は...

本記事では、HTMLでURLの入力欄を作成する方法について解説しています。 <input type="url">の使い方 フォームにサイトURLの入力欄を設けたい場合は、<input>のtype属性に「url」を設定します。 <input type="url"> type属性...

本記事では、HTMLで表示させたチェックボックスを選択された状態にする方法について解説しています。 チェックボックスを選択状態にする ページを読み込んだ際、チェックボックスのデフォルト設定では未選択の状態からスタートします。これを意図的に選択...

本記事では、HTMLのlabelタグの使い方について解説しています。labelタグを使えるようになると、ユーザーが操作しやすいフォームを作成することが出来るようになります。 labelタグを使用する理由 <input>を使う時にセットで使用される<label>...

本記事では、HTMLのテーブル表のセルを垂直方向・水平方向に結合する方法について解説しています。 サンプルコード 以降の解説では、下記のサンプルコードを使用しています。自分のパソコンで記述しながら表示確認をしたい人はコピーしてお使いください。 ...