cascading style sheets reference

בוררי טור ושורה

הסבר:

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

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

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

תחביר

בוררי שורה

בורר השורה כולל בורר כדי לזהות את הטבלה (זכרו כי ב-CSS2 כל אלמנט יכול להיות טבלה), וחלק שני המזהה את השורה או השורות שנבחרו בטבלה זו, לדוגמא, הבורר עבור השורה השלישית של אלמנט טבלה (TABLE) ממעמד "results (תוצאה)" יהיה:

TABLE.results:row[3]

בודד

כדי לבחור שורה בודדת, מילת המפתח היא

:row

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

כל n שורות

כדי לבחור באלמנט כל שורה n (לדוגמא כל שורה שלישית או כל שורה 70), צרפו

:row[%n]

לדוגמא,

TABLE:row[%3]

עבור כל שורה שלישית, או

TABLE:row[%70]

עבור כל שורה 70.

אתם יכולים גם למנות כבחירה את השורה הראשונה מבין השורות. כדי לבחור כל שורה שלישית, החל מן השורה העשירית השתמשו בצורה הבאה:

TABLE:row[%3+10].

בקיצור, ניתן לבחור בכל טור אי זוגי, בעזרת הבורר

:column-even

בזמן שכל טור זוגי ניתן לבחור בעזרת הבורר column-even.

בוררי טורים

בורר טור מכיל בורר כדי לזהות את הטבלה (זכרו כי ב-CSS2 כל אלמנט יכול להיות טבלה), וחלק שני המזהה את הטור או הטורים שנבחרו בטבלה זו. לדוגמא, הבורר עבור טור שלישי של אלמנט TABLE ממעמד "results (תוצאה)" יהיה:

TABLE.results:column[3]

בודד

כדי לבחור טור בודד, מילת המפתח היא

:column

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

כל n טורים

כדי לבחור כל טור n של אלמנט מסויים (לדוגמא כל טור שלישי או כל טור 70) צרפו

:column[%n]

לדוגמא,

TABLE:column[%3]

עבור כל טור שלישי או

TABLE:column[%70]

עבור כל טור 70.

אתם יכולים לבחור גם בטור הראשון. כדי לבחור כל טור שלישי, החל מן השורה העשירית, השתמשו בצורה:

TABLE:column[%3+10].

בקיצור, ניתן לבחור כל טור אי זוגי בעזרת הבורר ,

:column-odd

וכל טור זוגי ניתן לבחור בעזרת הבורר column-even.

שימוש

לא סביר שנמצא שימוש רב בוררי טור ושורה ב-HTML, כיוון ש-HTML כבר מספק את מבנה ה-TABLE. XML ידרוש את השימוש במאפייני הטבלה של CSS, כיוון ש-XML לא מספק אלמנט TABLE.