סוגי בוחרי תכונות CSS - מומחה Semalt

אלמנט HTML מורכב ממעמד, מזהה ותכונות. בורר תכונות בוחר את רכיבי HTML הכוללים תכונה או עם ערך תכונה. בוחרי תכונות מספקים שיטה פשוטה ליישום סגנונות על אלמנטים ב- HTML עם תכונה או ערך תכונה מסוים. בוחרי תכונות מוגדרים על ידי שני סוגריים מרובעים, הסוגרים את התכונה בערכה. ובכל זאת, אתה יכול לשים לפניו בורר מסוג אלמנטים. בורר CSS [תכונה] מחיל את כללי הסגנון על אלמנט אם וכאשר הוא מורכב מתכונה נתונה.

סוגי בוחרי תכונות

ישנם סוגים שונים של בוחרי תכונות שכל אחד מהם יכול לשמש למקרים נפרדים:

CSS [attribute | = "value"] בורר מדגיש אלמנטים שיש להם תכונה מסוימת, וזה מתחיל בערך מוגדר.

CSS [attribute ~ = "value"] בורר משמש כדי למצוא אלמנטים עם ערך מאפיין הכולל מילה ספציפית.

CSS [attribute ^ = "value"] בורר מוצא אלמנטים עם ערך מאפיין שמתחנן לערך ספציפי. הערך אינו בהכרח מילה שלמה.

CSS [attribute $ = "value"] בורר מוצא רכיבים שיש להם ערך תכונה המסתיים בערך מוגדר.

יישומים של בוחרי התכונות של CSS

ישנן דרכים שונות בהן ניתן להשתמש בבורר התכונות במקום להשתמש בבורר האוניברסלי, הכיתה או הזהות

השימוש הנפוץ ביותר בבוחרי מאפיינים הוא בכניסות. אלה כוללים את בוחרי הטקסט, בוחרי תיבות, בוחרי סיסמאות, בוחרי קבצים, בוחרים מוסתרים, בוחרי סיסמאות, בוחרי רדיו, בוחרי איפוס ואחרים.

צורות סטיילינג

בוחרי התכונות שימושיים מאוד כאשר מעצבים טפסים ללא כיתה או תעודת זהות.

קישורי סגנון

לדוגמה, ניתן להשתמש בבוחרי מאפיינים לסגנון של בלוג בו יש לך רשימת קישורים לאתרי חברים. עם זאת, אתה רוצה שכל קישור מעוצב בצורה שונה. הדרך המסורתית לעשות זאת היא להקצות שם שיחות שיחייב יותר סימונים. ובכל זאת, אתה יכול להשתמש בילד הלידה הדורש שההוראות לא ישתנו לעולם. השימוש בבוחרי התכונות הופך את זה לכל כך קל מכיוון שיש תכונה שתוכלו למקד אליה.

כניסות גבול

סטיילינג אלמנטים של גבולות באמצעות תכונת תמונת הגבול של CSS הוא דרך אלגנטית להוסיף תמונות לגוף. זה מאפשר לך להגדיר תמונה כגבול של אלמנט. ניתן היה לשנות את גודל הגבול, לפרוס אותו, לחזור עליו בדרכים שונות כדי להבטיח שהוא יתאים לאזור הגבול. תכונת רדיוס הגבולות מאפשרת להוסיף פינות מעוגלות מבלי להשתמש בתמונות. הנכס מגדיר את צורת הפינה.

צבעי סטיילינג

בוחרי התכונות של CSS מקלים על עיצוב כל האלמנטים בעלי ערך צבע מסוים. אתה יכול להשתמש במילות המפתח הצבעוניות, RGB (), RGBA (), HSL () ו- HSLA (). ערכי הצבע של RGBA הם הרחבה של דגם הצבע RGB עם ערוץ המגדיר את אטימות הצבע. ערך הפרמטרים נע בין 1.0 (אטום} ל- 0.0 (שקוף)

מודל צבע HSL מוסבר כ- (Hue_saturation_Lightness). ייצוג הגוון הוא בצורה של זווית (0-360) או גלגל הצבעים. רוויה וקלילות נמדדים כאחוזים 0% מהרוויה מייצגים צל או אפור ואילו 100 מייצגים צבע מלא. 100% קלילות מייצגת לבן ואילו 0% שחור.