---
# System prepended metadata

title: html 遇到的
tags: [HTML]

---

# html 遇到的

## box-sizing

```
html,body {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0;
}
```


要寫兩次box 才會保證歸零

## value記得都是string
`el.value = `transform:${this.box.transform}``


## 多一個外框
用padding然後可以用 ustify-content: space-around;幫外面調整
![](https://i.imgur.com/kIAKKpl.png)

## 複製內容
`document.execCommand('copy')`
複製的元素用textarea 可以用readonly讓他只能讀(用setAttribute)
(記得順序先加入到畫面在select在複製)(最後記得刪除)
![](https://i.imgur.com/mqoMKlW.png)

## 刪除線

text-decoration: line-through
https://www.webtech.tw/info.php?tid=CSS_text-decoration_%E5%B1%AC%E6%80%A7

###### tags: `HTML`