Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 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 Other Related TopicsDate#
One Corner, Two Border Radii (kev)44
css
What Can We Actually Do With “corner-shape”? (dxn/css)43
css, shapes, examples
Understanding CSS “corner-shape” and the Power of the Superellipse (ami/fro)42
css, shapes
Revisiting CSS “border-image” (mal/css)41
css, images, data-urls
Minding the Gaps: A New Way to Draw Separators in CSS (pat/mic)40
css
View Transitions Applied: Smoothly Animating a “border-radius” With a View Transition (bra)39
css, animations, view-transitions
The Logical Border Radius Equivalents (chr/fro)38
css, logical-properties, internationalization
Make Creative Borders With “background-clip: border-area” (jen/web)37
css, backgrounds, safari, apple, browsers
“stripes()”: The Border Function You Never Knew You Needed (jos)36
css, functions
In Detail: 1.4.11 Non-Text Contrast (User Interface Components) (yat)35
accessibility, wcag, colors, contrast
The Classic Border Radius Advice, Plus an Unusual Trick (chr/fro)34
css, tips-and-tricks
Transparent Borders (bra)33
css, transparency, accessibility, contrast
You Want “border-color: transparent”, Not “border: none” (dav/fro)32
css, transparency, accessibility, contrast
How to Create Rounded Gradient Borders With Any Background in CSS (ben)31
how-tos, css, gradients, backgrounds
The Complex but Awesome CSS “border-image” Property (css/sma)30
css, techniques
Border Images in CSS: A Key Focus Area for Interop 2023 (dip/mdn)29
images, css, browsers, web-platform, interoperability
Creating an Animated Gradient Border With CSS28
css, animations, gradients
Logical Border Radius (mic)27
css, logical-properties
CSS Border Animations (bra/dev)26
css, animations
Image Borders in CSS (ami)25
css, images
Fancy CSS Borders Using Masks (css/css)24
css, decoration, masking
Other Looks at the Conditional Border Radius Trick (chr/css)23
css, tips-and-tricks
Conditional “border-radius” and Three Future CSS Features (ste)22
css
Conditional Border Radius in CSS (sha)21
css
Restricting a (Pseudo) Element to Its Parent’s “border-box” (ana/css)20
css, box-model
Blurred Borders in CSS (ana/css)19
css, effects, clipping
Stacked “Borders” (mey/css)18
css, shadows, backgrounds, gradients, images
How Well Do You Know CSS Layout? (bra/css)17
css, layout, box-model, positioning, centering
Animating Border (css)16
css, animations, transitions, gradients, shadows
Styling Underlines on the Web (joh/css)15
css, shadows
Decorating the Web With CSS Border Images14
decoration, css, images
12 Little-Known CSS Facts (the Sequel) (lou)13
css, typography, tables, naming, animations, selectors
12 Little-Known CSS Facts (lou)12
css, colors, backgrounds, tables
5 CSS Properties That Give Designers Fits11
css, design, floats, shadows, gradients, navigation
How to Create Multiple Borders in CSS3 (cra)10
how-tos, css
Using the CSS “border-image” Property (tab)9
css, images
Understanding “border-image” (css)8
css, images
Don’t Rely on Background Colors Printing (chr/css)7
colors, backgrounds, css, print
Use CSS Borders for 3D Effects (sea)6
css, effects, vendor-extensions
“border-image”: No More Cutting Up Hell (dal/aja)5
css, images, webkit, firefox, mozilla, browsers, support
Tomorrow’s CSS Today: 8 Techniques They Don’t Want You to Know4
css, selectors, techniques, progressive-enhancement
Using CSS for Image Borders (css)3
css, images
CSS Generators2
tools, exploration, code-generation, css, backgrounds, shadows, gradients, transitions, transforms, flexbox, layout
CSS Border Image Generator (mdn)1
tools, exploration, code-generation, css