リセットCSSに書いておきたいCSS

使えそうなリセットCSS

元記事

<img />要素

元記事

img {
  max-width: 100%; /* 1 */
  height: auto; /* 1 */
  vertical-align: middle; /* 2 */
  font-style: italic; /* 3 */
  background-repeat: no-repeat; /* 4 */
  background-size: cover; /* 4 */
  shape-margin: 0.75rem; /* 5 */
}

<button />要素

元記事

.button,
::file-selector-button {
  inline-size: fit-content;
  touch-action: manipulation;
  user-select: none;
}

- {
  &:focus-visible {
    outline: 2px solid magenta;
    outline-offset: 2px;
  }
}