Dialogfelder "Neuer Stil" und "Stil bearbeiten", Schriftart
Mithilfe der Kategorie Schriftart des Dialogfelds Neuer Stil können Sie Cascading Stylesheet-Stilregeln (CSS) für Schriftarten definieren. Sie können diese Stilregeln entweder direkt HTML-Elementen zuweisen oder sie der aktuellen Seite oder einem externen Stylesheet hinzufügen.
So definieren Sie eine CSS-Stilregel für Schriftarten für Benutzeroberflächenelemente auf der aktuellen Seite
Öffnen Sie die Seite in der Entwurfsansicht oder der Quellansicht.
Wählen Sie je nach Bedarf den Text und/oder die HTML-Elemente aus, auf den bzw. die der Stil angewendet werden soll.
Klicken Sie im Menü Format auf Neuer Stil.
Das Dialogfeld Neuer Stil wird angezeigt.
Wählen Sie im Bereich Kategorie die Option Schriftart.
Die Stilauswahl für die Schriftart wird im rechten Bereich angezeigt.
Wenn Sie Stile in der Entwurfsansicht auf markierten Text anwenden, werden Stilattribute inline in das HTML-Markup für die Seite eingefügt. Wechseln Sie zur Quellansicht, um die neuen Stilattribute zu überprüfen.
So fügen Sie einer in einem externen Stylesheet definierten CSS-Stilregel Schriftartattribute hinzu
Öffnen Sie ein vorhandenes externes Stylesheet.
Positionieren Sie den Cursor innerhalb der Klammern der Stilregel, die Sie ändern möchten.
Führen Sie einen der folgenden Schritte aus.
Klicken Sie im Editor mit der rechten Maustaste auf das Stylesheet, und wählen Sie dann aus dem Kontextmenü Stil erstellen aus.
Wählen Sie in der Stylesheet-Symbolleiste Stil erstellen aus.
Das Dialogfeld Stil bearbeiten wird angezeigt.
Klicken Sie im linken Bereich auf Schriftart.
Die Stilauswahl für Schriftarten wird im rechten Bereich angezeigt.
Sie können eine CSS-Stilklasse auf ein Element auf der Webseite oder auf das body-Element selbst anwenden, indem Sie die class-Eigenschaft des Elements auf den Namen des Klassenselektors setzen.
Exemplarische Vorgehensweise: Erstellen und Ändern einer CSS-Datei
Exemplarische Vorgehensweise: Arbeiten mit einer vorhandenen CSS-Datei
Exemplarische Vorgehensweise: Grundlegende HTML-Bearbeitung in Visual Studio für Web Forms-Seiten
In der folgenden Tabelle sind Optionen aufgeführt, die unter der Kategorie Schriftart in den Dialogfeldern Neuer Stil und Stil bearbeiten verfügbar sind.
Schriftartoptionen
font-family
Der Name einer Textschriftart. Schriftartnamen, die Leerzeichen enthalten, müssen in Anführungszeichen gesetzt werden, z. B. "Times New Roman". Sie können mehrere Schriftartnamen angeben, die durch Kommas (,) voneinander getrennt sind. Es ist üblich, als letzte Schriftart in der Liste eine generische Schriftart wie "serif", "sans-serif" oder "monospace" zu verwenden.font-size
Die Größe der Schriftart. Wenn Sie einen Wert eingeben, können Sie Werteinheiten in der Liste auswählen. Es ist üblich, relative Größen zu verwenden, z. B. "small", "x-large" oder einen Prozentsatz, damit Benutzer die Größe der Schriftart im Webbrowser anpassen können.font-weight
Die Breite der Schriftart, z. B. "Standard", "Fett" oder "400". Ein numerischer Wert stellt eine relative Schriftbreite von 100 bis 900 dar.font-style
Der Schnitt bzw. die Neigung der Schriftart, z. B. "Standard" oder "Kursiv". Wenn Sie "schräg" wählen, rendern die meisten Webbrowser die Schriftart kursiv.font-variant
Eine Stilvariante zum Rendern der Schriftart. Gültige Werte sind:normal: Die Schriftart wird normal gerendert.
small-caps: Die Schriftart wird in kleinen Großbuchstaben gerendert.
inherit: Die Stilvariante wird vom übergeordneten Element geerbt.
text-transform
Ein Wert, der die Effekte der Großschreibung für den Text definiert. Gültige Werte sind:capitalize: Der erste Buchstabe jedes Worts wird als Großbuchstabe gerendert.
lowercase: Alle Buchstaben werden als Kleinbuchstaben gerendert.
uppercase: Alle Buchstaben werden als Großbuchstaben gerendert.
none: Die Groß-/Kleinschreibung des Texts wird nicht geändert.
inherit: Der text-transform-Stil wird vom übergeordneten Element geerbt.
color
Die Farbe der Textschriftart. Um weitere Farben auszuwählen, verwenden Sie den Abwärtspfeil, oder klicken Sie auf das quadratische Symbol auf der rechten Seite. Weitere Informationen finden Sie unter Dialogfelder "Weitere Farben" und "Farbe".text-decoration
Eine Kombination der folgenden Textattribute: underline, overline, line-through und blink. Wenn Sie none wählen, werden alle anderen Kontrollkästchen deaktiviert.
Andere Elemente der Benutzeroberfläche
Auswahl
(nur Dialogfeld Neuer Stil) Sie können einen Klassennamen eingeben oder auf ein HTML-Element klicken, um den Stil darauf anzuwenden. Klassennamen müssen mit einem Punkt (.) beginnen. Sie können auch (Inlinestile) wählen. Dabei wird der Stil auf den markierten Text bzw. die HTML-Elemente inline angewendet.Definieren in
(nur Dialogfeld Neuer Stil) Sie können angeben, wo die Definition der Stilregel geschrieben werden soll. Gültige Werte sind:Aktuelle Seite: Die Stilregel wird in ein style-Element der aktuellen Seite geschrieben.
Neues Stylesheet: Dem Projekt wird ein neues CSS-Stylesheet hinzugefügt, und die Regel wird in das Stylesheet geschrieben.
Vorhandenes Stylesheet: Die Stilregel wird dem CSS-Stylesheet hinzugefügt, das Sie mithilfe der Liste URL angegeben haben.
URL
(nur Dialogfeld Neuer Stil) Sie können ein vorhandenes CSS-Stylesheet auswählen. Diese Option ist nur aktiviert, wenn Definieren in auf Vorhandenes Stylesheet festgelegt ist.Neuen Stil auf Dokumentauswahl anwenden
(nur Dialogfeld Neuer Stil) Legt fest, dass der Stil auf den ausgewählten Text, die Klasse oder das HTML-Element angewendet wird.Vorschau
Zeigt ein Beispiel dafür an, was die Stilregel bewirkt, wenn sie angewendet wird.Beschreibung
Zeigt die CSS-Definition der Stilregel an.
Siehe auch
Referenz
Dialogfelder "Neuer Stil" und "Stil bearbeiten", Block
Konzepte
Übersicht über das Arbeiten mit CSS