Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“borders” News Archive

Definition, related topics, and tag feed

Definition · Supertopics: design, box-model (non-exhaustive) · “borders” RSS feed (per email)

Entry (Sources) and Additional TopicsDate#
“border-shape”: The Future of the Non-Rectangular Web (una)48
css, shapes
Making Interesting Borders With CSS “corner-shape” (cas)47
css
Updating CSS Border Radius When a Container Is Overflowing (rik)46
css, overflow, scrolling
One Corner, Two Border Radii (kev)45
css
What Can We Actually Do With “corner-shape”? (dxn/css)44
css, shapes, examples
Understanding CSS “corner-shape” and the Power of the Superellipse (ami/fro)43
css, shapes
Revisiting CSS “border-image” (mal/css)42
css, images, data-urls
Minding the Gaps: A New Way to Draw Separators in CSS (pat/mic)41
css
View Transitions Applied: Smoothly Animating a “border-radius” With a View Transition (bra)40
css, animations, view-transitions
The Logical Border Radius Equivalents (chr/fro)39
css, logical-properties, internationalization
Make Creative Borders With “background-clip: border-area” (jen/web)38
css, backgrounds, safari, apple, browsers
“stripes()”: The Border Function You Never Knew You Needed (jos)37
css, functions
In Detail: 1.4.11 Non-Text Contrast (User Interface Components) (yat)36
accessibility, wcag, colors, contrast
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)35
css, tips-and-tricks
Transparent Borders (bra)34
css, transparency, accessibility, contrast
You Want “border-color: transparent”, Not “border: none” (dav/fro)33
css, transparency, accessibility, contrast
How to Create Rounded Gradient Borders With Any Background in CSS (ben)32
how-tos, css, gradients, backgrounds
The Complex but Awesome CSS “border-image” Property (css/sma)31
css, techniques
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)30
images, css, browsers, web-platform, interoperability
Creating an Animated Gradient Border With CSS29
css, animations, gradients
Logical Border Radius (mic)28
css, logical-properties
CSS Border Animations (bra/dev)27
css, animations
Image Borders in CSS (ami)26
css, images
Fancy CSS Borders Using Masks (css/css)25
css, decoration, masking
Other Looks at the Conditional Border Radius Trick (chr/css)24
css, tips-and-tricks
Conditional “border-radius” and Three Future CSS Features (ste)23
css
Conditional Border Radius in CSS (sha)22
css
Restricting a (Pseudo) Element to Its Parent’s “border-box” (ana/css)21
css, box-model
Blurred Borders in CSS (ana/css)20
css, effects, clipping
Stacked “Borders” (mey/css)19
css, shadows, backgrounds, gradients, images
How Well Do You Know CSS Layout? (bra/css)18
css, layout, box-model, positioning, centering
Animating Border (css)17
css, animations, transitions, gradients, shadows
Styling Underlines on the Web (joh/css)16
css, shadows
Decorating the Web With CSS Border Images15
decoration, css, images
12 Little-Known CSS Facts (the Sequel) (lou)14
css, typography, tables, naming, animations, selectors
12 Little-Known CSS Facts (lou)13
css, colors, backgrounds, tables
5 CSS Properties That Give Designers Fits12
css, design, floats, shadows, gradients, navigation
How to Create Multiple Borders in CSS3 (cra)11
how-tos, css
Using the CSS “border-image” Property (tab)10
css, images
Understanding “border-image” (css)9
css, images
Don’t Rely on Background Colors Printing (chr/css)8
colors, backgrounds, css, print
Use CSS Borders for 3D Effects (sea)7
css, effects, vendor-extensions
“border-image”: No More Cutting Up Hell (dal/aja)6
css, images, webkit, firefox, mozilla, browsers, support
Tomorrow’s CSS Today: 8 Techniques They Don’t Want You to Know5
css, selectors, techniques, progressive-enhancement
Using CSS for Image Borders (css)4
css, images
“border-radius”: Safari vs. Mozilla (pet)3
css, safari, apple, mozilla, browsers, comparisons
CSS Border Image Generator (mdn)2
tools, exploration, code-generation, css
CSS Generators1
tools, exploration, code-generation, css, backgrounds, shadows, gradients, transitions, transforms, flexbox, layout