Using text-overflow and line-clamp Properties
The CSS properties text-overflow and line-clamp allow you to shorten text whenever a container width or height is reached, regardless of the number of characters.
Find a large range of CSS Generators to help you visualize how certain properties work, with full code generated with each tool.
Need to find information about a specific CSS reference? Look here to find, properties, functions, pseude classes, at-rules and more.
Here you will find a collection of handy CSS Tools, such as: compilers, validator, color converter, formatter and other useful tools.
Look no further to find a nice range of resources dedicated to HTML. From compilers, formatters, HTML tags plus other handy tools.
The CSS properties text-overflow and line-clamp allow you to shorten text whenever a container width or height is reached, regardless of the number of characters.
We have just finished updating our popular CSS box shadow generator. You can now add and view multiple shadows to an element and as you could always do previously, change the blur, spread, color (now with opacity) and x and y offsets.
Radial gradients are drawn differently from linear gradients. If the linear colors are located perpendicular to the line that sets the direction, then the radial colors diverge from the specified center, and the gradient can take the form of a circle or ellipse.
CSS gradients allow you to make a background of two or more colors that smoothly transition from one to the other. They have been with us for quite a long time, and they have very good browser support. Most modern browsers understand them without prefixes, for IE9 and older there is a Gradient Filter, and […]
Recently we have been moving content from our sister site at HTMLPortal.net. We have finally finished moving everything and hope that you enjoy the new content here. Please be patient while we update all of the new tools and resources and hopefully we can iron out all errors quickly for you.
We have added a new page to this website to show you some different filters that you can apply to images on your website. These filters are very easy to use and generally you only need to add one or two lines of css code to achieve the desired effects.
Today we are going to look at creating a numbered list with css. In this example we will be using the counter-reset and counter-increment properties to number our list. You might be thinking, why don’t we just use the ordered list tag (<ol>), yes we could use this tag but you can’t really style the […]
If you have enjoyed using CSSPortal, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.