Czy powinienem użyć granicy Brak lub granicy 0

„Border: Brak” I „Granica: 0” Właściwości są używane do wyświetlania danych wyjściowych bez żadnych granic lub do usuwania granic z istniejącego dokumentu. Korzystanie z tej prostej właściwości CSS (albo Border: Brak Lub Border: zero) sam może usunąć wszystkie granice elementów utworzonych w klasie, do której odnosi się właściwość graniczna CSS.

Teraz, gdy wiemy, że oba są używane w tym samym celu, zrozummy składnię obu tych atrybutów, a następnie omów ich użycie.

Składnia

Składnia do usuwania granic z elementu na ekranie to:

granica: 0;
Border: Brak;

Różnica między granicą: 0 a granicą: Brak

Różnica między nimi polega na użyciu Border: Brak właściwość, część pamięci jest zajęta. Podczas korzystania z granica: 0 nie zajmuje pamięci. Wynika to z faktu, że kiedy używany jest „granica: none”, nie ustanawia „w stylu granicznym” na żaden i utrzymuje „szerokość graniczną” na „średnią”. Podczas gdy przy użyciu „granicy: 0” ustawia także „szerokość graniczną” na „0”.

Jak oni pracują?

Gdy granica, żadna lub granica jest używana w elemencie stylu CSS, usuwa wszystkie granice, nawet jeśli istnieją właściwości dodawania granic w elemencie stylu CSS, takich jak granica, margines, szerokość itp.

Na przykład istnieje klasa „główna”, która pisze prosty tekst „Hello World!”I istnieją kilka właściwości CSS, które tworzą granice wokół tekstu. Jeśli używamy jednego „Granica: 0;” Lub „Border: Brak;” W znaczniku stylu CSS usunie efekt innych właściwości dodanych, takich jak właściwość marginesu, właściwość graniczna i właściwość szerokości i wyświetli dane wyjściowe bez żadnych granic:

.główny
Margines: 70px 100px;
granica: 3px Solid RGB (17, 140, 156);
Szerokość: dopasowanie;
granica: 0;


Witaj świecie!

Z „granicą: 0;” i „Border: Brak;”

Używając „granicy: 0;” i „Border: Brak;” Oba utworzą następujący wynik:

Bez „granicy: 0;” i „Border: Brak;”

Teraz, jeśli usuniemy granicę: 0 lub granica: brak właściwości, pozwoli innym właściwościom granicznego wykonywać granice wokół tekstu, zgodnie z definicją właściwości i.mi. margines, granica i szerokość:

.główny
Margines: 70px 100px;
granica: 3px Solid RGB (17, 140, 156);
Szerokość: dopasowanie;
/* granica: 0; */

To wyświetli granice wokół tekstu na interfejsie wyjściowym:

Którego należy użyć?

Obydwa granica: 0 I Border: Brak może być używane w tym samym celu, ale granica: 0 jest zalecane bardziej, ponieważ nie zajmuje pamięci i dodatkowej przestrzeni, a tym samym zapisuje przepustowość.

Wniosek

granica: 0 I Border: Brak, Oba mogą być używane do tego samego celu, co obie właściwości usuwają granice w wyjściu. Dodanie tej prostej właściwości usuwa granice z elementów klasy, o której odnosi się właściwość CSS, pomimo dodania innych właściwości granicznych. Elementami mogą być tekst, obrazy, akapity lub dowolny inny typ. Ten artykuł dobrze wyjaśnił o granica: 0 I Border: Brak.