October 2006
Intermediate to advanced
288 pages
5h 55m
English
The CSS file for the accordion contains the styles for each of the elements within the accordion. As Listing 10.12 shows, the accordion element sets the font-family, font-size, width, and border attributes. These styles are inherited by each of the panels because they are encapsulated within the accordion element.
#accordion
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
width: 600px;
border: #ccc 1px solid;
}
|
The header holds the title for each panel, and has a style shown in Listing 10.13 that contains a border-bottom attribute, which matches the border that surrounds the panels to make it look more incorporated into the accordion. It also has a background-color ...
Read now
Unlock full access