如果有一個需求,給一個元素增加一條邊框,想必大家會習慣且嫻熟的使用border來實現, 其實outline也能達到同樣的效果,並且在有些場景下會更適用,比如下面的demo 使用border后,div寬度增加,導致超出父元素 使用outline后 ...
在瀏覽器里,當鼠標點擊或使用Tab鍵讓一個鏈接或者一個radio獲得焦點的時候,該元素將會被一個輪廓虛線框圍繞。這個輪廓虛線框就是 outline 。 outline 能告訴用戶那一個可以激發事件的html元素獲取了焦點,對鍾愛鍵盤操作的用戶尤其有意義。一個清晰悅目的outline設計能提高使用表單的用戶體驗。 另一方面,outline 也有些討厭的地方,比如使用CSS設計的Tab 標簽頁 時,選 ...
2016-11-08 17:37 0 3134 推薦指數:
如果有一個需求,給一個元素增加一條邊框,想必大家會習慣且嫻熟的使用border來實現, 其實outline也能達到同樣的效果,並且在有些場景下會更適用,比如下面的demo 使用border后,div寬度增加,導致超出父元素 使用outline后 ...
1.border占用空間,outline不占用空間,不會影響元素的尺寸和位置。 2.border 可應用於幾乎所有有形的html元素,而 outline 是針對鏈接、表單控件和ImageMap等元素設計。 從而另一個區別也可以推理出,那就是: outline 的效果將隨元素的 focus ...
outline:0與outline:none的效果完全一樣,用哪個都行,為了少寫幾個字,提倡用outline:0。具體區別如下: 出處: https://stackoverflow.com/questions/35648667/outline-none-vs-outline-0 ...
一、屬性描述 屬性 描述 border 復合屬性。設置對象邊框的特性。 outline 復合屬性。設置或檢索對象外的線條輪廓。 border-radius 設置或檢索 ...
注意:只能應用於2D,你非要說2D的world space 模式我也沒辦法... outline 是一個類似於陰影的shader。缺點是耗性能。 ...
centos7執行如下 sudo yum update curl -fsSL https://get.docker.com/ | sh sudo service docker start #驗證 d ...
outline這個屬性平時用的不太多,最近被問及專門研究一下這個屬性的作用。 CSS2加進來的outline屬性,中文翻譯過來是外輪廓。 神馬是輪廓? 輪廓,指邊緣;物體的外周或圖形的外框。 那這樣的話外輪廓就是在外部的邊框咯。 看一下正式的定義:outline (輪廓)是繪制於元素周圍 ...
首先 輸入 find / -name "access.txt" 查詢文件地址(這一步為了找到outline下密鑰文件地址) 然后去到outline下密鑰文件地址對應目錄 cd /opt/outline 輸入vi access.txt查看文件 轉換成要求的json格式錄入 ...