cssの各単語の最初の文字をターゲット

各単語の最初の文字のサイズ、色、重みを変更する必要があります。私はそれぞれの最初の手紙を大文字にすることについて話していません。私は目標の最初の文字を意味し、私の選択に従ってスタイルを適用します。：Click Here to see example about which i am talking.cssの各単語の最初の文字をターゲット

出典

2017-10-20 Shakil Ahmad

これは重複して：CSSでhttps://stackoverflow.com/questions/7440572/css-bold-first-word –

ありません。しかし、JSでも可能です。重複と同意 – Francisco

@DerekBrown私の質問と例を最初に見てください。私は段落の最初の文字を対象にする必要はありません。文中の各単語の最初の文字をターゲットにする必要があります。あなたの提供されたリンクは私の解決策ではありません。前にこれをチェックしました –

残念ながら、これはCSSで行うことができないオリジナルテキストで、最終的な出力を置き換える、しかしここにあなたがこれを実現するに役立つだろう、JavaScriptのソリューション、です：

CSS：

.first-letter { 
    color: red; 
}

Htmlの：

<p class="each-word">First letter of every word is now red!</p>

JavaScriptの：

window.onload = function(){ 
    var elements = document.getElementsByClassName("each-word") 
    for (var i=0; i<elements.length; i++){ 
    elements[i].innerHTML = elements[i].innerHTML.replace(/\\b([a-z])([a-z]+)?\\b/gim, "<span class='first-letter'>$1</span>$2") 
    } 
}

出典

2017-10-21 21:51:31

私の知る限り、あなたがラベルまたはのdivまたはPタグのように別々のタグに第一の手紙を書き、このタグにCSSを適用し、通常のタグで、残りの文字を配置する必要がありますこれを達成するために

更新：テキストフィールドから文章を取得する場合は、すべての単語をループするJavascriptを作成し、substrの助けを借りて各単語の最初の文字を見つけ、appy cssを配置する必要がありますそれはタグの中で残りのファイルを保持するタグ外ttersはその後

出典

2017-10-20 16:45:45

はい、私は知っていますが、実際には、**別の**タグが使用できないテキストフィールドからこの文章を受け取ります。 –

@Shakil Ahmad私は自分の答えを更新している –

cssの各単語の最初の文字をターゲット

答えて

関連する問題