מאפשר לשנות או לבטל את המראה החזותי המובנה (native appearance) של פקדי ממשק משתמש — כגון כפתורים, תיבות סימון, שדות טקסט ותפריטים — כפי שהדפדפן מציג אותם כברירת מחדל בהתאם למערכת ההפעלה.
appearance: none;
noneמבטל לחלוטין את המראה המובנה של הפקד. האלמנט מוצג ללא כל עיצוב ברירת מחדל של הדפדפן, ומאפשר לשלוט על כל היבט חזותי באמצעות CSS. זהו הערך הנפוץ ביותר בפרקטיקה — משמש לאיפוס עיצוב של כפתורים, תיבות סימון, שדות קלט ותפריטים לפני הוספת עיצוב מותאם אישית.autoברירת המחדל — הדפדפן מציג את המראה המובנה של הפקד בהתאם לסוגו ולמערכת ההפעלה. לדוגמה, כפתור יראה כמו כפתור מערכת, תיבת סימון תראה כמו תיבת הסימון הנייטיבית של מערכת ההפעלה. על אלמנטים שאין להם עיצוב נייטיבי, הערך מתנהג כמו none.baseמציג את הפקד במצב ביניים — ממשק עם מינימום עיצוב נייטיבי שעדיין ניתן לעיצוב מלא באמצעות CSS, תוך שמירה על הפונקציונליות הנייטיבית שלו. שונה מ-none בכך שהוא שומר על יכולות אינטראקטיביות מובנות. ערך זה מוגדר במפרט אך טרם נתמך על ידי דפדפנים.base-selectרלוונטי רק לאלמנט <select> ולפסאודו-אלמנט <code>::picker(select) — מאפשר עיצוב מלא שלהם כולל חלון הרשימה הנפתחת. כאשר מוגדר לשניהם יחד, ניתן לעצב גם את מיכל הבחירה וגם את הרשימה הנפתחת בצורה מלאה.textfieldערך מיוחד לתאימות (<compat-special>): משנה את המראה הנייטיבי של אלמנטי קלט עם type="search" כך שיראו כמו שדה טקסט רגיל. על אלמנטים אחרים מתנהג כמו auto.menulist-buttonערך מיוחד לתאימות (<compat-special>): משנה את המראה של אלמנטי <select> סגנון רשימה נפתחת למצב מרוכן יותר (devolved state) — כפתור עם חץ בלבד ללא עיצוב נייטיבי מלא. על אלמנטים אחרים מתנהג כמו auto.buttonערך תאימות (<compat-auto>): שווה ערך ל-auto. קיים לצורך תאימות עם גרסאות ישנות של המאפיין שנתמכו בדפדפנים עם קידומת (-webkit-appearance). יש להשתמש ב-auto במקום.checkboxערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.radioערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.textareaערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.searchfieldערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.menulistערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.listboxערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.meterערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.progress-barערך תאימות (<compat-auto>): שווה ערך ל-auto. יש להשתמש ב-auto במקום.CSS Basic User Interface Module Level 4W3C Working Draft (20 January 2026)none auto base base-select <compat-auto> <compat-special>W3CMDNShow all codeערוך CSS און-לייןהתוסף שזוכר עבורך מאות פריטי CSSכל פרופרטי CSS — בהדגמה חיהמקור הייחוס הדו-לשוני ל-CSSהגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותיתpreviousnext
