Multiple Choice Questions: CSS Borders for Grade 7 Computer Science

📚 Quick Study Guide

• 📏 What are CSS Borders? CSS borders are lines that go around HTML elements, like boxes around text or images.
• 🎨 Border Styles: Different styles can be used, such as solid, dashed, dotted, double, groove, ridge, inset, and outset.
• 🌈 Border Color: You can choose any color for your border using names (like red, blue), hex codes (like #FF0000), or RGB values (like rgb(255, 0, 0)).
• 💪 Border Width: You can set the thickness of the border using pixels (px), em (em), or other length units.
• ✍️ Shorthand Property: You can set all three border properties (width, style, and color) in one line, like this: border: 2px solid black;
• 🧮 Individual Sides: You can control each side of the border separately using properties like border-top, border-right, border-bottom, and border-left.

Practice Quiz

1. What CSS property is used to define the style of an element's border?
   1. A. border-style
   2. B. border-width
   3. C. border-color
   4. D. border-radius
2. Which of the following is NOT a valid value for the border-style property?
   1. A. solid
   2. B. dashed
   3. C. invisible
   4. D. dotted
3. How would you set the border color to green using CSS?
   1. A. border-color: #0000FF;
   2. B. border-color: green;
   3. C. border-color: 123;
   4. D. border-color: rgb(0,0,0);
4. What does the CSS property border: 3px dotted red; do?
   1. A. Sets a 3px solid red border.
   2. B. Sets a 1px dotted black border.
   3. C. Sets a 3px dotted red border.
   4. D. Removes the border.
5. Which CSS property controls the thickness of a border?
   1. A. border-style
   2. B. border-color
   3. C. border-width
   4. D. border-thickness
6. How would you only apply a border to the top of an element?
   1. A. border-all: top;
   2. B. border-top: solid black;
   3. C. border: top solid black;
   4. D. top-border: solid black;
7. If you want to create a double border, which border-style value should you use?
   1. A. groove
   2. B. double
   3. C. ridge
   4. D. inset