Coding for Beginners: CSS Basics #76— How to adjust Letter and Word Spacing
Interested in Web Access Pro to analyze and fix Accessibility Errors on your site? Get your 14 Day Free Trial: https://join.designerslearncode.com/w...
The Daily Code Snippet is part of our "Coding for Beginners" video series for designers to learn the basics of HTML and CSS coding. We teach a single, easy to understand concept in each video so that you can learn to code even if you have a busy schedule. Subscribe here: / @designerslearncode
------
With CSS you can control the horizontal spacing between letters as well as between words.
Letter-spacing controls the spacing between letters while word-spacing controls the spacing between words.
Positive values widens the spacing while negative values tightens the spacing.
Both properties accept lengths in the different units described previously, for example, pixels (px) and ems.
Word-spacing also accepts values in percentages.
Normal is the default and if the property is not specified it is assumed we want normal spacing.
Extreme positive or negative values for either letter-spacing or word-spacing will make the text unreadable. This will affect accessibility.
Watch the full video to see examples on how small changes in letter and word spacing can affect readability.
#HTML #CSS #coding #web #accessibility #letterspacing #tracking #kerning #justification #howtoadjustwordspacingwithcss #canyouadjusttrackingontheweb #canyouadjustkerningontheweb #cssletterspacing #typography #readability #legibility #codinglife #webdesign #designerslearncode #dailycodesnippet #codingforbeginners #tags #openingtag #closingtag #learntocode #codingtutorial #htmltutorial #csstutorial #webdevelopment #htmltutorialforbeginners #csstutorialforbeginners #programmingforbeginners #htmlcssfullcourse