overflow-y-visible Class
This class does not clip the content. The content may be rendered outside the left and right edges.
Syntax:
<element class="overflow-y-visible">...</element>
Example:
<!DOCTYPE html>
<head>
<link href=
"https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
rel="stylesheet">
</head>
<body class="text-center">
<h1 class="text-green-600 text-5xl font-bold">
w3wiki
</h1>
<p><b>Tailwind CSS Overflow-y Class</b></p>
<div class="overflow-y-visible bg-green-200
p-4 mx-16 h-24 text-justify">
How many times were you frustrated while
looking out for a good collection of
programming/algorithm/interview questions?
What did you expect and what did you get?
</div>
</body>
</html>
Output:
Tailwind CSS Overflow
This overflow is for controlling how an element content is handled that is too large for the container. It tells whether to clip content or add scroll bars. This class accepts more than one value in Tailwind CSS. It is the alternative to the CSS Overflow property.
There is a separate property in CSS for CSS Overflow-x and CSS Overflow-y,