CSS Notes
Tables and Lists
CSS Layout
Pseudo-class
CSS
Selectors and Declarations
Box Model
Text and Image Formatting
Icons, lists and Links
Colors
Heading
Q
1
What are the CSS Table Properties?
Ans
1.The border-collapse specifies whether the browser should control the appearance of the adjacent borders that touch each other or whether each cell should maintain its style.
2.The border-spacing specifies the width that should appear between table cells.
3. The caption-side captions are presented in the <caption> element. By default, these are rendered above the table in the document. You use the caption-side property to control the placement of the table caption.
4. The empty-cells specifies whether the border should be shown if a cell is empty.
5. The table-layout allows browsers to speed up layout of a table by using the first width properties it comes across for the rest of a column rather than having to load the whole table before rendering it.
Q
2
What are the different types of table borders in CSS?
Ans
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
double - Defines a double border
groove - Defines a 3D grooved border. The effect depends on the border-color value
ridge - Defines a 3D ridged border. The effect depends on the border-color value
dotted - Defines a dotted border
dashed - Defines a dashed border
solid - Defines a solid border
inset - Defines a 3D inset border. The effect depends on the border-color value
outset - Defines a 3D outset border. The effect depends on the border-color value
none -Defines no border
hidden - Defines a hidden border
Q
3
What are the CSS List properties?
Ans
Specify all the list properties in one declaration:
ul {
list-style: square inside url("sqpurple.gif");
}
The list-style property is a shorthand for the following properties:
list-style-type
list-style-position
list-style-image
CSS Syntax- list-style: list-style-type list-style-position list-style-image|initial|inherit;