Test of CSS Knowledge - Part 5

This article presents Test of CSS Knowledge - Part 5 in a clear, structured format. It helps readers review key concepts, test their understanding, and learn from the material.

Understanding Test of CSS Knowledge

• Question 1: How to round the edge of the elements?
  • border [round]: 30px;
  • corner-effect: round;
  • border-radius: 30px;
  • alpha-effect: round-corner;
• Question 2: How to add shadows to elements in CSS3?
  • box-shadow: 10px 10px 5px gray;
  • shadow-right: 10px shadow-bottom: 10px;
  • shadow-color: gray;
  • alpha-effect [shadow]: 10px 10px 5px gray;
• Question 3: How to add images that appear on the border for elements in CSS3?
  • border: url (image.png);
  • border-variable: image url (image.png);
  • border-image: url (border.png) 30 30 round;
  • Do not add images that appear on the border.
• Question 4: How to resize the background image with CSS3?
  • background-size: 80px 60px;
  • bg-dimensions: 80px 60px;
  • background-proportion: 80px 60px;
  • D. alpha-effect: bg-resize 80px 60px;
• Question 5: How to add shadow to text with CSS3?
  • font: shadowed 5px 5px 5px gray;
  • font-shadow: 5px 5px 5px gray;
  • text-shadow: 5px 5px 5px gray;
  • shadow: text 5px 5px 5px gray;
• Question 6: How to force the text to stream?
  • word-wrap: break-word;
  • text-wrap: break-word;
  • text-wrap: force;
  • text-width: set;
• Question 7: Where is the valid transformation (transform) command in CSS3?
  • matrix ()
  • modify ()
  • skip ()
  • simulate ()
• Question 8: How to rotate elements in CSS3?
  • object-rotation: 30deg;
  • transform: rotate (30deg);
  • rotate-object: 30deg;
  • transform: rotate-30deg-clockwise;
• Question 9: What is the way to convert the size/element ratio with CSS3?
  • transform: scale (2,4);
  • scale-object: 2,4;
  • scale: (2,4);
  • None
• Question 10: How to create transition transitions with CSS3?
  • transition: width 2s;
  • transition-duration: 2s; transition-effect: width;
  • alpha-effect: transition (width, 2s);
  • None
• Question 11: Is the following true or false?Box-shadow is supported by all browsers
  • It's correct
  • False
• Question 12: Which additional prefixes do CSS3 properties work on the old Mozilla Firefox browser?
  • -webkit-
  • -moz-
  • -o-
  • -gecko-
• Question 13: What are the first three values of text-shadow in order?
  • vertical, blur, horizontal
  • blur, vertical, horizontal
  • vertical, horizontal, blur
  • horizontal, vertical, blur
• Question 14: 4 What is the value of border-radius?
  • top, bottom, left, right
  • up, down, front, behind
  • top-left, top-right, bottom-right, bottom-left.
  • bottom-left, bottom-right, top-right, top-left.
• Question 15: What does RGBa mean?
  • Red Gold Black alpha
  • Red Green Blue alpha
  • Red Gray Brown alpha