文字列の操作:

パラグラフの最初の文字を大きく

指定した<p>タグか<div>タグ内の最初の文字を大きくする。
最初の文字を抜き出して<span>タグに入れて差し込み直す処理。文字サイズは自動調整。

Node
Nodeを指定 id値を文字列で指定してもよい
●必須引数 ●オプション引数(省略可能)

記述例

$strLargeCap($id('leadText'))
$strLargeCap('leadText')

注意点

指定した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'));
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。