Großbuchstaben mit CSS erstellen. So erstellen Sie in CSS alle Großbuchstaben

Beim Hinzufügen von Materialien zu einer Website oder zum Beispiel das Erstellen eines neuen Themas im Forum kann der Benutzer mit einem kleinen (Kleinbuchstaben) ein neues Thema (Name) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) schriftlich mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben) mit einem kleinen (Kleinbuchstaben). Dies ist ein gewisser Grad ein Fehler.

Ich werde einige Optionen zum Lösen dieser Aufgabe zeigen: PHP und CSS sind eher für bereits veröffentlichte Materialien, in denen die Position vor der Veröffentlichung die Position korrigieren kann.

Der erste Buchstabe der Zeichenfolge im Großbuchstaben auf PHP

Auf PHP gibt es eine Funktion " ucfirst.", Das einfach das erste Zeichenkettensymbol in den Großbuchstaben umwandelt, aber minus ist es, dass es nicht korrekt mit kyrillisch arbeitet.

Dazu schreiben wir unser kleines Merkmal. Die Implementierung sieht so aus:

In dieser Option erhalten wir ein Angebot, das mit einem Großbuchstaben beginnt, der tatsächlich brauchen.

Der erste Buchstabe der Zeichenfolge im Großbuchstaben auf CSS

Diese Methode ist visuell (d. H. In dem Quellcode der Site sollen die Sätze so aussehen) umgewandelt auch das erste Symbol in den Großbuchstaben.

Verwenden Sie Folgendes:

Mit Hilfe eines Pseudo-Elements " erster Brief.»Und die Eigenschaften" text-Transformation"Wir setzen Design für jeden ersten Buchstaben des Absatzes.

Der erste Buchstabe der Zeichenfolge im Großbuchstaben auf jQuery

Wie gesagt, diese Transformationsmethode eignet sich am besten für Materialien, die weiterhin veröffentlicht werden.

Zum Beispiel nehmen wir ein Textfeld an (es wird als Feld für den Eintritt in den Titel fungiert) und schreibe ein kleines Skript dafür, was bei der Eingabe eines Satzes mit einem kleinen Buchstaben es mit einem großen schreibt:

Das Skript wird beim Schreiben von Text und seinem einfachen Einsatz ausgelöst. Vergessen Sie nicht, dass Sie für die Arbeit der Skripts auf Ihrer Website eine angeschlossene JQuery-Bibliothek benötigen.

Ermöglicht das Ändern des Falls von Textbuchstaben.

Standardmäßig ist ein None-Wert eingestellt, der keinen Einfluss auf den Text hat. Das Textregister bleibt gleich. Groß- und Kleinbuchstaben wechseln die Zeichen jeweils in den oberen und unteren Fall um. Wenn Sie den Wert von Großbuchstaben angeben, sind nur die ersten Zeichen jedes Wortes Großbuchstaben. Erben erbt den Elternwert.

Beispiel

H3 (Texttransformation: Großbuchstaben;) .Lowercase (Texttransformation: Kleinbuchstaben;) Kapitalisieren (Texttransformation: Großschreibung;)

Dies ist ein Header. Es gilt die Text-Transformation-Eigenschaft mit dem Großbuchstaben. Alle Charaktere werden kapital sein.

Die Text-Transformation-Eigenschaft wird auf diesen Absatz mit dem Wert von Kleinbuchstaben angewendet, was bedeutet, was alle Buchstaben im unteren Register befinden.

Der letzte Absatz wendet den letzten Absatz die Text-Transformation-Eigenschaft mit der Kapitalisierung an. Die ersten Buchstaben jedes Wortes werden Hauptstadt sein, und nur sie.

Ergebnis

Allerdings nicht alles so einfach. Es gibt einige Nuancen. Wenn Sie auf den zweiten Absatz des obigen Beispiels achten, können Sie sehen, dass das Wort, obwohl das Text-Transformation-Eigentum, das auf den Absatz mit dem Kapitalisierungswert, vollständig aus den Großbuchstaben angezeigt wird, was dem Quelltext entspricht . Dies wird dadurch erläutert, dass mit dem angegebenen Wert von Großbuchstaben nur die ersten Wörterbuchstaben geprüft werden, und der Rest bleibt unabhängig von ihrem ursprünglichen Zustand unverändert.
Trotz der äußeren Einfachheit kann die Text-Transformation-Eigenschaft sehr nützlich sein. Um beispielsweise den Text aller Header des H1 Ihrer Website vorzunehmen, reicht es aus, dass es ausreichend ist, um eine Eigenschaft in der Tabelle der Stile hinzuzufügen.

H1 (Texttransformation: Großbuchstaben;)

und das Problem wird gelöst. Und es ist nicht notwendig, alle Schlagzeilen manuell zu ändern, die sehr und sehr sein können.

Verwaltet die Textumwandlung des Elements in Kapital- oder Hauptfiguren. Wenn der Wert von keiner unterscheidet, wird das Quellcode-Register geändert.

Brief Information

Bezeichnungen

	Beschreibung	Beispiel
<тип>	Gibt die Art des Werts an.	<размер>
A && B.	Die Werte sollten in der angegebenen Reihenfolge angezeigt werden.	<размер> && <цвет>
A | B.	Zeigt an, dass nur ein Wert aus dem vorgeschlagenen (a oder b) ausgewählt werden muss.	normal | Kleine Mützen.
Ein || B.	Jeder Wert kann unabhängig oder zusammen mit anderen in einer beliebigen Reihenfolge verwendet werden.	breite || Anzahl
	Gruppenwerte.	[Ernte || Kreuz]
*	Wiederholen Sie Null oder mehr Male.	[,<время>]*
+	Wiederholen Sie ein oder mehrere Male.	<число>+
?	Der angegebene Typ, Wort oder Gruppe ist nicht obligatorisch.	einsatz?
(A, b)	Wiederholen Sie mindestens ein, aber nicht mehr als B-mal.	<радиус>{1,4}
#	Wiederholen Sie ein oder mehrmals durch das Komma.	<время>#

×

Werte

kapitalisieren Sie den ersten Charakter jedes Wortes im Vorschlag, ist das Kapital. Die verbleibenden Symbole ändern Ihre Art nicht. Kleinbuchstaben Alle Textzeichen werden Kleinbuchstaben (Kleinbuchstaben). Großbuchstaben Alle Textzeichen werden in Großbuchstaben (Top-Register). Keiner ändert das Symbolregister nicht.

Sandkasten

Winnie Das Pooh war immer wieder aufregend, vor allem im Elf am Morgen wiederaufbereitet, denn zu dieser Zeit war das Frühstück schon lange vorbei, und das Abendessen dachte nicht einmal darüber nach. Und natürlich begeisterte er sich selbstverständlich, als er sah, dass das Kaninchen die Becher und Platten nimmt.

div (Texttransformation: Kapitalisieren;)

Beispiel

Kulturdenkmal des Mittelalters

Das Amazon Lowland nimmt einheitlich eine kleine Kabelheit von Katzen und Hunden ein, und Hyosh Baya ist für Rotweine berühmt.

Ergebnis dieses Beispiel In FIG. einer.

Feige. 1. Anwendung der Text-Transformation-Eigenschaft

Objektmodell

Ein Objekt.style.texttransform.

Spezifikation

Jede Spezifikation leitet mehrere Zustimmungsphasen weiter.

• Empfehlung - Spezifikation genehmigt W3C und standardmäßig empfohlen.
• Kandidatenempfehlung ( Mögliche Empfehlung) - Eine für den Standard verantwortliche Gruppe ist zufrieden, da er seine Ziele erfüllt, aber die Hilfe der Entwicklungsgemeinschaft zur Umsetzung des Standards ist erforderlich.
• Vorgeschlagene Empfehlung ( Angebotene Empfehlung) - In dieser Phase wird das Dokument zur endgültigen Genehmigung an den W3C-Beirat eingereicht.
• Der Arbeitsentwurf (Arbeitsprojekt) ist eine reifale Version des Entwurfs nach Diskussion und Änderungsanträge für die Berücksichtigung der Gemeinschaft.
• Editor 's Entwurf ( Editorial Chernovik.) - Die grobe Version des Standards nach Herstellung von Editors vom Projekteditor.
• ENTWURF ( Chernovik-Spezifikation.) - die erste schwarze Version des Standards.

×

Der Großbuchstabe ist gemäß der Definition ein Element des Textes, das in der Menge relativ praktischer in allen Sprachen aus dem Großbuchstaben erhöht wird, beginnt das Angebot. Und das Design des Beginns des Absatzes des ausgelegten Großbuchstaben ermöglicht es Ihnen, den Text zu strukturieren und seine Wahrnehmung zu erleichtern. Wenn die Internetseite ausgeführt wird, kann der Text gemäß den Präferenzen des Autors und den Regeln der russischen Sprache verfasst werden. Außerdem kann sein Design "automatisiert" werden, indem bestimmte "Befehle" einer Datei mit der CSS-Erweiterungsstil-Sheet - oder Ergänzung Ihres HTML-Dateistils ergibt. CSS wird normalerweise zusätzlich von HTML untersucht, um einige Designelemente sofort in den gesamten Text zu ändern.

Dies gilt insbesondere, wenn der Standort Hunderte von Seiten hat, und Änderungen an jedem von ihnen vornehmen, ist ein sehr zeitaufwendiger Prozess.

Wenn Sie CSS anwenden, großbuchstaben Zu Beginn jedes Absatzes kann sich auf besondere Weise aussehen. Zum Beispiel, der in HTML ohne runde Klammern eingeführt wurde, ermöglicht der untenstehende Code den von dem Tag dekorierten Text, der vom Tag "P" ist, um einen Großbuchstaben zu erstellen - erster Brief - größer - 220% von standardgröße, Gelbe Farbe - Farbwert ist gelb, und schreibt es mit einem anderen Schrift als dem Rest des Textes - Georgia gegen Batangche.

(<) style(>)

p: Erster Brief (Schriftfamilie: Georgien; Schriftgröße: 220%; Farbe: gelb;)

(<)/style(>)

Wunderschöne Großbuchstaben können erhalten werden, wenn Sie Ihre eigene Schrift in Form von Bildern erstellen - in jedem Buchstaben ein einzelnes Bild, zum Beispiel im alten russischen oder gotischen Stil. Sie können dann in den erforderlichen Orten an der Stelle des Großbuchstabens gezeichnet werden, die Sie den Code ohne Klammern einfügen können (<) img src=”ссылка на место, где лежит картинка”(>). Zusätzliche Attribute sind HEISTH und Breite - die Breite und Höhe des Bildes, das in Pixel für eine harmonische Kombination mit dem Rest des Textes installiert werden kann. Beispiel: (<) img src=”ссылка на место, где лежит картинка” heigh=12 px width=6px(>). Runde Klammern in der Nähe.< и > Wir entfernen.

Wenn Sie nicht die Möglichkeit haben, das Alphabet unabhängig zu zeichnen, kann der Großbuchstaben mit den mit dem kostenlosen Zugriff auf Google (Abschnitt Schriftarten) oder anderen Suchmaschinen und Ressourcen eingerahmt werden. Dafür sollte der obige Code wie folgt ausgestellt werden:

(<) style(>)

p (Font-Familie: Batangche; Schriftgröße: 93%;)

p: Erster Brief (Schriftfamilie: Kelly + Platte; Schriftgröße: 220%; Farbe: blau;)

(<)/style(>)

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

Mit dem "Google" -Verfahren können Sie eins oder ein anderes auswählen und bereitgestellte Links zur Einfügung in HTML oder CSS bereitstellen. Wir legen Ihre Aufmerksamkeit auf die Tatsache aufmerksam, dass es notwendig ist, eine Gruppe von Schriftarten - lateinisch oder kyrillisch zu wählen, weil Fast alle lateinischen Schriftarten funktionieren nicht, wenn Sie einen russischsprachigen Text machen. Derzeit bietet die Suchmaschine etwa 40 Arten kostenlos.

Großbuchstabe oder der Registrierungs-Antipode kann mit eingerichtet werden cSS-Eigenschaften. Texttransformation Wenn im Style-Blatt die Werttransformation einstellen: Keine, der Text sieht aus, als ob Sie es schreiben. Um alle Buchstaben in das Kleinbuchstaben einzulegen, müssen Sie die Texttransformation einstellen: Kleinbuchstaben durch einen Dickdarm und für ein Kapitalregister - Großbuchstaben. Installation für die Eigenschaft der Werttransformation: Großschreibung macht es so, dass zu Beginn jedes Wortes ein Großbuchstaben vorhanden ist.