[解決済み】CSSで最初の文字を大文字にする
2022-03-29 06:40:08
質問
最初の文字を 大文字 をCSSのラベルで使用することができます。
以下は私のHTMLです。
<a class="m_title" href="">gorr</a>
<a class="m_title" href="">trro</a>
<a class="m_title" href="">krro</a>
<a class="m_title" href="">yrro</a>
<a class="m_title" href="">gwwr</a>
解決方法は?
そのためのプロパティがあります。
a.m_title {
text-transform: capitalize;
}
リンクに複数の単語が含まれる場合で、最初の単語の文字だけを大文字にしたい場合は
:first-letter
を別の変換で使用します (ただし、実際には重要ではありません)。ただし
:first-letter
が動作するように
a
要素はブロックコンテナである必要があります(これは
display: block
,
display: inline-block
または、1つ以上のプロパティの様々な組み合わせのいずれか)。
a.m_title {
display: block;
}
a.m_title:first-letter {
text-transform: uppercase;
}
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】div間の空白を削除する
-
[解決済み] iframe 要素の scrolling 属性は廃止されました。代わりにCSSを使用してください。
-
[解決済み] <label for=""> CSSを非表示にする方法
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] Bootstrap 3でnavbar-static-topは何をするのですか?
-
[解決済み] モバイル端末でCSSを使用したフルハイトの背景画像
-
[解決済み] 特定のdivを右へ移動させたい
-
[解決済み] ChromeでCSSが効かない
-
[解決済み] select2入力の幅を設定する(Angular-uiディレクティブを使用)
-
[解決済み] codepenでfont awesomeを使用する