指定した<p>タグか<div>タグ内の最初の文字を大きくする。
最初の文字を抜き出して<span>タグに入れて差し込み直す処理。文字サイズは自動調整。
指定したNodeの firstChild がテキストNodeではない場合には処理しない。
差し込まれる<span>タグのスタイルを指定したい場合は、CSSで span:first-child を設定する。
Javascript :
$strLargeCap($id('sample1'));
Javascript :
$strLargeCap($id('sample2'));
Sass :
#sample3 {
& > span:first-child {
color: #31b1bc;
font-family: serif;
font-weight: 700;
filter: drop-shadow(#c6dbde 3px 4px 1px);
}
}
Javascript :
$strLargeCap($id('sample3'));