---
title: "Day 31: logical border properties"
url: https://daily.dev/posts/day-31-logical-border-properties-ibtxbyeyo
source_url: https://www.matuzo.at/blog/2022/100daysof-day31
type: article
source: "Manuel Matuzović"
published: 2026-06-22T14:42:41.003Z
updated: 2026-06-23T14:46:24.251Z
tags: ["webdev", "css"]
reading_time: 3
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Day 31: logical border properties

**[Manuel Matuzović](https://daily.dev/sources/matuzo)** · 3 min read · 0 upvotes · 0 comments

## Summary

CSS logical border properties provide writing-mode-aware alternatives to physical border properties. Instead of specifying top/right/bottom/left, you use block and inline axes. The post covers border-block and border-inline shorthand properties along with their width, style, and color variants, plus individual side properties like border-block-start, border-block-end, border-inline-start, and border-inline-end. These logical properties adapt automatically to different text directions (e.g., RTL layouts), making them useful for internationalized designs.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.matuzo.at/blog/2022/100daysof-day31>

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#css](https://daily.dev/tags/css)

[View this post on daily.dev](https://daily.dev/posts/day-31-logical-border-properties-ibtxbyeyo)