Tables and Lists: CSS Class Notes

Mobiprep has created last-minute notes for all topics of Table and Lists to help you with the revision of concepts for your university examinations. So let’s get started with the lecture notes on Table and Lists.

1. Table and Lists

2. CSS Layout

3. Pseudo - class

4. CSS

5. Selectors and Declarations

6. Box Model

7. Text and Image Formatting

8. Icons, Lists and Links

9. Colors

Our team has curated a list of the most important questions asked in universities such as DU, DTU, VIT, SRM, IP, Pune University, Manipal University, and many more. The questions are created from the previous year's question papers of colleges and universities.

1. What are the CSS Table Properties?

2. What are the different types of table borders in CSS?

3. What are the CSS List properties?

Tables and Lists

Question 1 - What are the CSS Table Properties?

Answer)

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.

---

Question 2 - What are the different types of table borders in CSS?

Answer)

• 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

---

Question 3 - What are the CSS List properties?

Answer) 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;

Next: CSS Layout