zebra striping
English
![](Images/wiktionary/Zebra-striping.png.webp)
Zebra striping used in Nautilus, a file manager
Noun
zebra striping (uncountable)
- The alternation of plain and coloured backgrounds to aid readability where a document contains a table with rows of data or similar.
- 2009 December, Allsopp, John, Developing with Web Standards, New Riders Press, →ISBN:
- Rollover techniques, for example, once required JavaScript, but have been possible with CSS for many years now. The same thing is true of table-row zebra striping, which until recently could only be achieved by using additional markup on
tr
elements, or by using JavaScript to dynamically add this markup. […] One of the most common ways of styling data tables, both in print and on the web, is to alternate the background colors of rows of data—a technique sometimes referred to as zebra striping. Typically, zebra stripes are implemented in HTML and CSS by applying a class such asodd
oreven
to every other row in the HTML markup, then using a class selector to apply a background color to odd, even, or both classes of row.
- 2012 July, Wright, Tim, Learning JavaScript: A Hands-On Guide to the Fundamentals of Modern JavaScript, Addison-Wesley, →ISBN:
- Listing 10.4. Zebra Striping Function […] We again used the autocomplete search form application to illustrate how to apply Ajax methods to the codebase. We then moved on to extending libraries through plug-in development and used a zebra striping function as an example.
- 2012 August, Casario, Marco; Wormser, Nathalie; Saltzman, Dan; Bradford, Anselm; Reid, Jonathan, “Chapter 5: Tables and Lists”, in CSS3 Solutions: Essential Techniques for CSS3 Developers, Friends of ED, →ISBN, Solution 5-1: Zebra-striping table rows, page 99:
- When you have to present a large amount of data, it’s very important to preserve readability. Zebra striping is the method of alternating the color of rows in a table. This method has been used in print for many years and only recently have web designers been trying to spread its use on the Web. […] In this solution, we provide an example that shows you how you can create a zebra-striped table by setting different colors for odd and even rows of the table.
Further reading
Zebra striping (computer graphics) § Table zebra striping on Wikipedia.Wikipedia