Join the discussion
Question 21/24
You need to contain overflowing text inside the element ' s border without creating unneeded scrollbars or losing text. Which attribute setting should you use?
Correct Answer: B
The correct setting is overflow: auto;. The requirement is precise: the text must remain inside the element's border, must not be lost, and scrollbars should not appear unless they are needed. overflow: auto satisfies all three requirements because it clips overflowing content to the element's box and creates scrollbars only when the content actually exceeds the available space. This preserves access to all text while avoiding unnecessary horizontal or vertical scrollbars when the content fits. overflow: hidden is incorrect because it clips the overflowing text and provides no scrolling mechanism, meaning some content may become inaccessible.
overflow: visible is incorrect because the extra text can flow outside the element boundary, violating the requirement to keep content inside the border. overflow: scroll is close but not optimal because it forces scrollbars even when they are not required, which directly conflicts with the instruction to avoid unneeded scrollbars. References/topics: CSS overflow, scroll containers, text containment, content clipping, layout flow.
overflow: visible is incorrect because the extra text can flow outside the element boundary, violating the requirement to keep content inside the border. overflow: scroll is close but not optimal because it forces scrollbars even when they are not required, which directly conflicts with the instruction to avoid unneeded scrollbars. References/topics: CSS overflow, scroll containers, text containment, content clipping, layout flow.
Add Comments
- Other Question (24q)
- Q1. You need to correctly apply a style rule for screen devices with a width of 480 pixels or ...
- Q2. You define the Pet class as follows: class Pet { constructor(name, breed) { this.name = na...
- Q3. You need to identify the form elements. Move the appropriate semantic elements from the li...
- Q4. You are given the design for an app. The project manager asks you to outline the steps you...
- Q5. Which two CSS segments are valid filter properties? Choose 2....
- Q6. Which two functions support 2D transformations in CSS3? Choose 2....
- Q7. Which JavaScript method is used to draw a circle on a canvas?...
- Q8. You need to define a grid that meets the following requirements: * Explicitly sets the wid...
- Q9. The ctx variable is the context of an HTML5 canvas object. What does the following HTML ma...
- Q10. You create an interface for a touch-enabled application. Some input buttons do not trigger...
- Q11. Which three events are valid for the HTML canvas element? Choose 3....
- Q12. Which CSS property defines the sides of an element where other floating elements are not a...
- Q13. A local photographer asks you to add filters as shown to the images in their photo gallery...
- Q14. You create an interface for a touch-enabled application. You discover that some of the inp...
- Q15. You need to complete the code for a registration form that must meet the following criteri...
- Q16. Which two code segments declare a JavaScript method? Choose 2....
- Q17. Review the markup segment. Which entry will validate successfully according to the require...
- Q18. You need to create the following form: (Exhibit) Complete the code by selecting the correc...
- Q19. You want to position a specific element so that it always directly follows the previous el...
- Q20. Move the appropriate attributes from the list on the left to the correct descriptions on t...
- Q21. You need to contain overflowing text inside the element ' s border without creating unneed...
- Q22. Match each property to its corresponding value for creating the CSS flexible box layout. M...
- Q23. Identify the filter applied to each image. Complete the markup by selecting the correct op...
- Q24. You write the following JavaScript code. Line numbers are included for reference only. 01 ...
