https://github.com/mateusfg7/box-css-preview

:white_square_button: A simple web page created with React to get the preview of the border of a component and obtain the relative CSS style code.
https://github.com/mateusfg7/box-css-preview

border-css-styles css css3 preview react reactjs

Last synced: 9 months ago
JSON representation

:white_square_button: A simple web page created with React to get the preview of the border of a component and obtain the relative CSS style code.

• Host: GitHub
• URL: https://github.com/mateusfg7/box-css-preview
• Owner: mateusfg7
• License: mit
• Created: 2020-03-17T21:04:53.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2023-07-19T21:20:14.000Z (over 2 years ago)
• Last Synced: 2025-03-28T14:11:08.362Z (10 months ago)
• Topics: border-css-styles, css, css3, preview, react, reactjs
• Language: JavaScript
• Homepage: https://border-css-generator.mateusf.com/
• Size: 1.87 MB
• Stars: 17
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


Box Css Preview






A simple web page to see the preview of border css styles and get code


[![GitHubIO Page](https://img.shields.io/static/v1?label=GitHub&message=IO&color=black&style=flat-square&logo=github)](https://mateusfg7.github.io/box-css-preview/)





---

[![CodeFactor](https://www.codefactor.io/repository/github/mateusfg7/box-css-preview/badge)](https://www.codefactor.io/repository/github/mateusfg7/box-css-preview) [![MIT license](https://img.shields.io/github/license/mateusfg7/box-css-preview?color=%23000)](LICENSE)

## Useful Links

- w3schools: [CSS border-style Property](https://www.w3schools.com/CSSref/pr_border-style.asp), [CSS Borders](https://www.w3schools.com/css/css_border.asp).

- mozilla: [border-style](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style).

- css-tricks: [border | CSS-TRICKS](https://css-tricks.com/almanac/properties/b/border/).