Overflow Property

The overflow property defines how content is displayed that exceeds outside of the dimensions of its container. Here are examples of the four overflow types and how they render.

overflow:auto

CSS Properties:

width: 400px;
border: 1px solid blue;
height: 100px;
overflow: auto;

Final assessment for each of these assignments will be determined by the broadest scope of your efforts. The quality of the final design, although important, is not the sole factor. It is crucial that students in this course present a plethora of preliminary studies and explorations, as well as generous proof of research, and a clear articulation of the topic. Assignments will be accepted up to one class period late, but will be penalized a full letter grade.

overflow:visible

CSS Properties:

width: 400px;
border: 1px solid blue;
height: 100px;
overflow: visible;

Final assessment for each of these assignments will be determined by the broadest scope of your efforts. The quality of the final design, although important, is not the sole factor. It is crucial that students in this course present a plethora of preliminary studies and explorations, as well as generous proof of research, and a clear articulation of the topic. Assignments will be accepted up to one class period late, but will be penalized a full letter grade.

overflow:hidden

CSS Properties:

width: 400px;
border: 1px solid blue;
height: 100px;
overflow: hidden;

Final assessment for each of these assignments will be determined by the broadest scope of your efforts. The quality of the final design, although important, is not the sole factor. It is crucial that students in this course present a plethora of preliminary studies and explorations, as well as generous proof of research, and a clear articulation of the topic. Assignments will be accepted up to one class period late, but will be penalized a full letter grade.

overflow:scroll

CSS Properties:

width: 400px;
border: 1px solid blue;
height: 100px;
overflow: scroll;

Final assessment for each of these assignments will be determined by the broadest scope of your efforts. The quality of the final design, although important, is not the sole factor. It is crucial that students in this course present a plethora of preliminary studies and explorations, as well as generous proof of research, and a clear articulation of the topic. Assignments will be accepted up to one class period late, but will be penalized a full letter grade.