styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontfont-familyfont-feature-settingsfont-kerningfont-language-overridefont-optical-sizingfont-palettefont-sizefont-size-adjustfont-smoothfont-stretchfont-stylefont-synthesisfont-synthesis-positionfont-synthesis-small-capsfont-synthesis-stylefont-synthesis-weightfont-variantfont-variant-alternatesfont-variant-capsfont-variant-east-asianfont-variant-emojifont-variant-ligaturesfont-variant-numericfont-variant-positionfont-variation-settingsfont-weightforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

The CSS Propertie font-variant

מאפיין הקיצור font-variant מאחד את כל מאפייני font-variant-* — ligatures, caps, numeric, alternates, east-asian, position, emoji. מקבל מילים מהקבוצות השונות יחד. ערך normal מאפס הכל; ערך none מבטל ligatures.
h1 { font-variant: small-caps; } .fancy { font-variant: common-ligatures discretionary-ligatures small-caps tabular-nums; }
normalמאפס את כל ה-font-variant-* לערך הראשוני שלהם (ברירת המחדל).noneמבטל ligatures (font-variant-ligatures: none) ומאפס את שאר ה-longhands.small-capsמציג אותיות קטנות כגרסת קפיטלס מוקטנת (font-variant-caps).all-small-capsממיר גם אותיות גדולות וגם קטנות ל-small-caps.petite-capsמציג אותיות קטנות כ-petite caps — קטנות מ-small-caps.all-petite-capsממיר גם אותיות גדולות וגם קטנות ל-petite caps.unicaseמציג תמהיל של small-caps לאותיות גדולות ואותיות רגילות.titling-capsמשתמש בגליפים מיוחדים לכותרות — מונע כבדות בכיתוב גדול.ordinalמציג סיומות סודריות (1st, 2nd) בצורה מוגבהת ומוקטנת (font-variant-numeric).slashed-zeroמציג את הספרה 0 עם קו אלכסוני — למניעת בלבול עם האות O.rubyמשתמש בגליפים מותאמים לטקסט ruby קטן מעל תווים (font-variant-east-asian).subמציג תווים בגודל ובמיקום של כתב תחתון (font-variant-position).superמציג תווים בגודל ובמיקום של כתב עילי (font-variant-position).textמציג אמוג'י בסגנון טקסט מונוכרומטי (font-variant-emoji).emojiמציג אמוג'י בסגנון צבעוני (font-variant-emoji).unicodeמשתמש בסגנון ברירת המחדל של Unicode לאמוג'י (font-variant-emoji).historical-formsמשתמש בצורות היסטוריות של תווים שיצאו משימוש (font-variant-alternates).common-ligaturesמפעיל ligatures נפוצות כמו fi, fl (font-variant-ligatures, ברירת מחדל).no-common-ligaturesמבטל ligatures נפוצות.discretionary-ligaturesמפעיל ligatures דקורטיביות נוספות לפי שיקול הגופן.no-discretionary-ligaturesמבטל ligatures דקורטיביות.historical-ligaturesמפעיל ligatures היסטוריות שאינן בשימוש מודרני.no-historical-ligaturesמבטל ligatures היסטוריות.contextualמפעיל חלופות הקשריות — גליפים משתנים לפי הסביבה.no-contextualמבטל חלופות הקשריות.lining-numsמציג ספרות בגובה אחיד עם אותיות גדולות (font-variant-numeric).oldstyle-numsמציג ספרות בסגנון ישן עם עולות ויורדות (font-variant-numeric).proportional-numsמציג ספרות ברוחב פרופורציונלי (font-variant-numeric).tabular-numsמציג ספרות ברוחב קבוע — לשימוש בטבלאות (font-variant-numeric).diagonal-fractionsמציג שברים אלכסוניים כמו ½ (font-variant-numeric).stacked-fractionsמציג שברים מוערמים כמו ¹⁄₂ (font-variant-numeric).jis78משתמש בגליפים יפניים לפי תקן JIS X 0208-1978 (font-variant-east-asian).jis83משתמש בגליפים יפניים לפי תקן JIS X 0208-1983 (font-variant-east-asian).jis90משתמש בגליפים יפניים לפי תקן JIS X 0208-1990 (font-variant-east-asian).jis04משתמש בגליפים יפניים לפי תקן JIS X 0213-2004 (font-variant-east-asian).simplifiedמשתמש בגליפים של כתב סיני מפושט (font-variant-east-asian).traditionalמשתמש בגליפים של כתב סיני מסורתי (font-variant-east-asian).full-widthמציג תווים באסיה המזרחית ברוחב מלא (font-variant-east-asian).proportional-widthמציג תווים באסיה המזרחית ברוחב פרופורציונלי (font-variant-east-asian). stylistic()מקבלת שם — אלטרנטיב סטיליסטי מ-@font-feature-values.styleset()מקבלת רשימה — סט סטיליסטי שלם.character-variant()מקבלת רשימה — וריאציות אות.swash()מקבלת שם — swash דקורטיבי.ornaments()מקבלת שם — קישוטים גרפיים.annotation()מקבלת שם — צורות annotation. CSS Fonts Module Level 4 Editor's Draft W3CMDN
CSS css aBcDeF Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית