CSSを使用して大文字を作成します。 CSSですべての大文字で作る方法

例えば、ウェブサイトに資料を追加するとき、または例えばフォーラム上の新しいトピックを作成するとき、ユーザーは小さい（小文字）文字でオファー（名前）を書き始めることができます。 これはある程度エラーのあることです。

このタスクを解決するためのいくつかのオプションを表示します。jQueryが出版前の位置を修正できるようになると、PHPとCSSはすでに公開されている資料のためのものです。

PHPの大文字内の文字列の最初の文字

PHPでは、呼び出された関数があります ucirst。「これは、最初の文字列シンボルを大文字に変換するだけですが、それはキリリルで正しく機能しないということです。

これを行うために、私たちの小さな機能を書きます。 実装は次のようになります。

このオプションでは、大文字で始まるオファーを受け取ります。実際には、必要に応じて必要です。

CSSの大文字の文字列の最初の文字

このメソッドは視覚的に（つまり、サイトのソースコードでは、文はそれのようになります）も最初の記号を大文字に変換します。

次のようにします。

疑似要素の助けを借りて」 最初の文字。»そして特性」 テキスト変換「段落の最初の文字ごとに設計を設定しました。

jQueryの大文字の文字列の最初の文字

私が前者に言ったように、この変換方法はまだ公開される材料に最も適しています。

たとえば、テキストフィールドを取ります（タイトルを入力するためのフィールドとして機能します）、小さいスクリプトを書きます。小さい文字を持つ文を入力すると、大きなものとなります。

スクリプトはテキストを書くときにトリガーされ、簡単な挿入が発生します。 サイトのスクリプトの作業には、接続されているjQueryライブラリが必要です。

テキスト文字の場合を変更できます。

デフォルトでは、NONE値が設定されています。これにはテキストに影響を与えません。 テキストレジスタは同じままです。 大文字と小文字の値は、それぞれ大文字と小文字に文字を変換します。 大文字の値を指定した場合、各単語の最初の文字だけが大文字になります。 継承親値を継承します。

例

これはヘッダーです。 それは大文字の値を持つtext-transformプロパティを適用します。 すべての文字は資本になります。

text-transformプロパティは、この段落に小文字の値を付けて適用されます。これは、すべての文字が下位レジスタにあることを意味します。

そしてこれに、最後の段落はtext-transformプロパティをCappyzizeプロパティで適用します。 各単語の最初の文字は資本的になり、そしてそれらだけです。

結果

ただし、それほど単純ではありません。 ニュアンスがいくつかあります。 上記の例の2段落に注意を払う場合は、大文字の値を持つ段落に適用されたText-Transformプロパティが大文字から完全に表示されているにもかかわらず、単語が大文字に表示され、ソーステキストに対応することがわかります。 。 これは、指定された大文字の値で、単語の最初の文字のみがチェックされ、その初期状態に関係なく、残りは変更されないままです。
外部の単純さにもかかわらず、テキスト変換プロパティは非常に便利です。 たとえば、サイトのH1のすべてのヘッダーのテキストを作成するために、スタイルテーブルに1つのプロパティを追加するのに十分です。

H1（テキスト変換：大文字）

そして問題は解決されます。 そしてそれは非常にそして非常に多くの見出しを手動で変更する必要はありません。

要素のテキスト変換を資本または資本文字に管理します。 値がNoneと異なる場合は、ソースコードレジスタが変更されます。

簡単な情報

design design

値

提案の各単語の最初の文字を大文字にすると資本的になります。 残りのシンボルはあなたの種類を変えません。 小文字すべてのテキスト文字は小文字（小文字）になります。 大文字のすべてのテキスト文字は大文字（トップレジスタ）になります。 なしシンボルレジスタを変更しません。

サンドボックス

Winnie PoOhは常に再建をしていませんでした、特に朝の11の時間は朝食は長い間終わりましたので、夕食はそれについて考えていませんでした。 そしてもちろん、彼はひどく喜んで、ウサギがカップとプレートを取ります。

div（テキスト変換：大文字;）

例

中世の文化的記念碑

Amazon Lowlandは猫や犬の均一なワイヤーを均一に取り、そしてヒョッシュバヤアは赤いワインで有名です。

結果 この例 図1に示す。 1。

図。 1. text-transformプロパティの適用

オブジェクトモデル

オブジェクト.Style.TextTransform。

仕様

各仕様はいくつかの段階の承認を渡します。

• 推奨事項 - 仕様承認されたW3Cを承認し、標準として推奨しています。
• 候補勧告（ 可能な推奨事項） - 規格を担当するグループは、その目標を満たすため、標準を実装するための開発コミュニティの助けが必要です。
• 提案された勧告（ 勧告を提供しました） - この段階で、この文書は最終承認のためにW3Cアドバイザリボードに提出されます。
• 作業ドラフト（作業プロジェクト）は、議論の後の草案のより成熟した版であり、コミュニティによる検討のための改正です。
• 編集者のドラフト（ 編集チェルノビック） - プロジェクトエディタによるエディタを作成した後の標準の大まかなバージョン。
• ドラフト（ チェルノヴィク仕様） - スタンダードの最初のブラックバージョン。

定義に従って、大文字は、大文字のすべての言語で比較的実質的に増加したテキストの要素です。 そして、成績のある大文字の段落の冒頭の設計により、テキストを構造化し、その認識を容易にすることができます。 インターネットページが実行されると、著者の好みとロシア語の規則に従ってテキストを書くことができます。 また、その設計は、CSS拡張スタイルシートを使用してファイルに特定の「コマンド」を作成するか、HTMLファイルスタイルセクションを追加することで、「自動」にすることができます。 CSSは通常HTMLからさらに検討されて、テキスト全体に一度にある種のデザイン要素をすばやく変更します。

これは、サイトに数百のページがある場合に特に当てはまり、それらのそれぞれに変更を加えることは非常に時間がかかるプロセスです。

CSSを適用した場合、 大文字 各段落の始めには特別な方法で見ることができます。 たとえば、丸い括弧なしでHTMLに導入されているコードは、タグ「P」によって装飾されたテキストを、大文字を作成し、最初の文字 - 220％のテキストを可能にします。 標準サイズ、黄色の色彩の値は黄色で、その他のテキストの他のテキスト以外のフォントで書いて、Batangcheに対するジョージア。

(<) style(>)

p：ファーストレター（フォントファミリー：ジョージア;フォントサイズ：220％;色：黄;）

(<)/style(>)

たとえば、古代のロシア語やゴシックスタイルで、単一の写真の写真の形で自分のフォントを作成すると、美味しい大文字を取得できます。 キャピタルレターの場所の必要な場所では、括弧なしでコードを挿入できる場所に描画できます（<) img src=”ссылка на место, где лежит картинка”(>）。 その他の属性は、HeighとWidth - テキストの残りの部分と調和のとれた組み合わせのためにピクセルに取り付けることができる画像の幅と高さです。 例：（<) img src=”ссылка на место, где лежит картинка” heigh=12 px width=6px(>）。 周辺の丸い括弧< и > 削除します。

あなたがアルファベットを独立して描く機会がない場合、大文字は、Google（Section Fonts）またはその他の検索エンジンやリソースへの送付中のフォントを使用して枠を付けます。 このために、上記のコードは次のように発行されるべきです。

(<) style(>)

p（フォントファミリー：Batangche;フォントサイズ：93％）

p：最初の文字（フォントファミリー：ケリー+スラブ;フォントサイズ：220％;色：青;）

(<)/style(>)

(<)link href="http://fonts.googleapis.com/css?family=Kelly+Slab&subset=latin,cyrillic" rel="stylesheet" type="text/css" (>).

「Google」サービスを使用すると、1つまたは別のものを選択でき、HTMLまたはCSSに挿入するための既製のリンクを提供します。 私たちはそれがフォントのグループを選ぶ必要があるという事実に注意を引いています - ラテン語またはキリルリック。 ロシア語を話すときには、ほとんどすべてのラテンフォントが機能しません。 現時点では、検索エンジンは約40種類の電荷を供給します。

大文字またはその登録停止帯域で飾ることができます cSSのプロパティ テキスト変換 スタイルシートの設定値を変換する場合：NONE、テキストはそれを書くように見えます。 すべての文字を小文字のレジスタに配置するには、コロンを介して、小文字の値、およびキャピタルレジスタ - 大文字を設定する必要があります。 値変換のプロパティのインストール：Capeyizeは、各単語の先頭に大文字があるようにするようになります。